docs: give E2E own icon (#2497)

# Summary Give E2E own icon instead of copy of circle
software-mansion · Oct 21, 2024 · 24b03ee · 24b03ee
1 parent e165792
commit 24b03ee
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/apps/examples/src/e2e/icon.tsx b/apps/examples/src/e2e/icon.tsx
@@ -1,7 +1,21 @@
-import Svg, {Circle} from 'react-native-svg';
+import React from 'react';
+import Svg, {Path, Rect} from 'react-native-svg';
 
 export const icon = (
-  <Svg height="30" width="30" viewBox="0 0 20 20">
-    <Circle cx="10" cy="10" r="8" stroke="purple" strokeWidth="1" fill="pink" />
+  <Svg width="30" height="30" viewBox="235 185 100 100">
+    <Path
+      fill="none"
+      stroke="#000000"
+      strokeWidth="4"
+      d="m240 190 h 30 v 30 h 30 v 30 h 30 v 30 h -90 v -90 z"
+    />
+    <Rect x="235" y="185" width="10" height="10" fill="#0000FF" />
+    <Rect x="265" y="185" width="10" height="10" fill="#0000FF" />
+    <Rect x="265" y="215" width="10" height="10" fill="#0000FF" />
+    <Rect x="295" y="215" width="10" height="10" fill="#0000FF" />
+    <Rect x="295" y="245" width="10" height="10" fill="#0000FF" />
+    <Rect x="325" y="245" width="10" height="10" fill="#0000FF" />
+    <Rect x="325" y="275" width="10" height="10" fill="#0000FF" />
+    <Rect x="235" y="275" width="10" height="10" fill="#0000FF" />
   </Svg>
 );