From 707a286e3892156c5f8b18ba2f7c95b61c1d5916 Mon Sep 17 00:00:00 2001
From: Ridwan Sameer <ridwan@calcey.com>
Date: Wed, 25 Jul 2018 18:34:20 +0530
Subject: [PATCH] Fixed yellow warning about unique key by passing key to the
 SVG component

---
 lib/BorderShadow.js | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/lib/BorderShadow.js b/lib/BorderShadow.js
index fe9baf8..ffa40d9 100644
--- a/lib/BorderShadow.js
+++ b/lib/BorderShadow.js
@@ -1,45 +1,45 @@
 import React, {Component} from 'react'
 import {View} from 'react-native'
-import Svg,{ Rect,Defs,LinearGradient,Stop,RadialGradient,Path } from 'react-native-svg'
+import Svg, {Rect, Defs, LinearGradient, Stop, RadialGradient, Path} from 'react-native-svg'
 
 export default class BorderShadow extends Component {
 	render = () => {
 
-		const { setting:{side="bottom",width=0,color="#000",border=0,opacity=1,inset=false,style={}}, children } = this.props
+		const {setting: {side = "bottom", width = 0, color = "#000", border = 0, opacity = 1, inset = false, style = {}}, children} = this.props
 
 		const linear = (key) => {
 			return [
-				<Stop offset="0" stopColor={color} stopOpacity={opacity} key={key+'Linear0'} />,
-				<Stop offset="1" stopColor={color} stopOpacity="0" key={key+'Linear1'} />
+				<Stop offset="0" stopColor={color} stopOpacity={opacity} key={key + 'Linear0'} />,
+				<Stop offset="1" stopColor={color} stopOpacity="0" key={key + 'Linear1'} />
 			]
 		}
 
 		const lineWidth = border
 
 		return (
-			<View style={[{position:"relative",width:width},style]}>
-				{(()=>{
-					switch (side){
+			<View style={[{position: "relative", width: width}, style]}>
+				{(() => {
+					switch (side) {
 						case "top":
 							return [
-								<Svg height={lineWidth} width={width+lineWidth} style={{position:"absolute",top:(inset?0:-lineWidth)}}>
+								<Svg height={lineWidth} key={side} width={width + lineWidth} style={{position: "absolute", top: (inset ? 0 : -lineWidth)}}>
 									<Defs>
 										<LinearGradient id="top" x1="0%" x2="0%" y1="100%" y2="0%">{linear('BorderTop')}</LinearGradient>
 										<LinearGradient id="top-inset" x1="0%" x2="0%" y1="0%" y2="100%">{linear('BorderTopInset')}</LinearGradient>
 									</Defs>
-									<Rect x={0} y={0} width={width} height={lineWidth} fill={`url(#top${inset?"-inset":""})`} />
+									<Rect x={0} y={0} width={width} height={lineWidth} fill={`url(#top${inset ? "-inset" : ""})`} />
 								</Svg>,
 								...children
 							]
 						case "bottom":
 							return [
 								...children,
-								<Svg height={lineWidth} width={width+lineWidth} style={{position:"absolute",bottom:(inset?-lineWidth:0)}}>
+								<Svg height={lineWidth} key={side} width={width + lineWidth} style={{position: "absolute", bottom: (inset ? -lineWidth : 0)}}>
 									<Defs>
 										<LinearGradient id="bottom" x1="0%" x2="0%" y1="0%" y2="100%">{linear('BorderBottom')}</LinearGradient>
 										<LinearGradient id="bottom-inset" x1="0%" x2="0%" y1="100%" y2="0%">{linear('BorderBottomInset')}</LinearGradient>
 									</Defs>
-									<Rect x={0} y={0} width={width} height={lineWidth} fill={`url(#bottom${inset?"-inset":""})`} />
+									<Rect x={0} y={0} width={width} height={lineWidth} fill={`url(#bottom${inset ? "-inset" : ""})`} />
 								</Svg>
 							]
 						default: