reza changed drawer icons

3 years ago · 7ec9df4452
parent c3e66ec473
commit 7ec9df4452
1 changed files with 133 additions and 8 deletions
--- a/src/components/Drawer.js
+++ b/src/components/Drawer.js
@ -15,7 +15,7 @@ import { useNavigation } from "@react-navigation/native";
 import { Ionicons, AntDesign } from "@expo/vector-icons";
 import { connect } from "react-redux";
 import { user } from "../redux/actions";
-import Svg, { Path } from "react-native-svg";
+import Svg, { Path, G } from "react-native-svg";

 //style
 import tw from "tailwind-rn";
@ -43,42 +43,164 @@ const Drawer = ({ position, setBoxPosition, user, mobile }) => {
    {
      name: "صفحه اصلی",
      route: "Home",
-      icon: <Ionicons name="home-outline" size={23} color={"#555555"} />,
+      icon: (
+        <Svg
+          data-name="vuesax/linear/home-2"
+          xmlns="http://www.w3.org/2000/svg"
+          width={24}
+          height={24}
+        >
+          <G
+            fill="none"
+            stroke="#292d32"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+          >
+            <Path d="m9.02 2.84-5.39 4.2A4.759 4.759 0 0 0 2 10.36v7.41a4.225 4.225 0 0 0 4.21 4.22h11.58A4.223 4.223 0 0 0 22 17.78V10.5a4.723 4.723 0 0 0-1.8-3.45l-6.18-4.333a4.487 4.487 0 0 0-5 .123Z" />
+            <Path data-name="Vector" d="M12 17.99v-3" />
+          </G>
+        </Svg>
+      ),
      toast: "",
      message: "",
    },
    {
      name: "فعال سازی",
      route: "Activation",
-      icon: <AntDesign name="check" size={23} color={"#555555"} />,
+      icon: (
+        <Svg xmlns="http://www.w3.org/2000/svg" width={21.431} height={21.431}>
+          <G
+            data-name="Group 1"
+            fill="none"
+            stroke="#292d32"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+          >
+            <Path d="M20.681 13.705V7.726c0-4.983-1.993-6.976-6.976-6.976H7.726C2.743.75.75 2.743.75 7.726v5.979c0 4.983 1.993 6.976 6.976 6.976h5.979c4.983 0 6.976-1.993 6.976-6.976Z" />
+            <Path
+              data-name="Vector"
+              d="m6.558 10.716 2.776 2.776 5.538-5.552"
+            />
+          </G>
+        </Svg>
+      ),
      toast: "",
      message: "",
    },
    {
      name: "واقعیت افزوده",
      route: "AR",
-      icon: <Ionicons name="ios-glasses" size={23} color={"#555555"} />,
+      icon: (
+        <Svg
+          data-name="vuesax/linear/3dcube"
+          xmlns="http://www.w3.org/2000/svg"
+          width={24}
+          height={24}
+        >
+          <G
+            data-name="3dcube"
+            fill="none"
+            stroke="#292d32"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+          >
+            <Path d="m12.92 2.26 6.51 3.51a1.153 1.153 0 0 1 0 1.99l-6.51 3.51a1.936 1.936 0 0 1-1.84 0L4.57 7.76a1.153 1.153 0 0 1 0-1.99l6.51-3.51a1.936 1.936 0 0 1 1.84 0Z" />
+            <Path
+              data-name="Vector"
+              d="m3.61 10.13 6.05 3.03a2.238 2.238 0 0 1 1.23 1.99v5.72a1.109 1.109 0 0 1-1.61.99l-6.05-3.03A2.238 2.238 0 0 1 2 16.84v-5.72a1.109 1.109 0 0 1 1.61-.99ZM20.39 10.13l-6.05 3.03a2.238 2.238 0 0 0-1.23 1.99v5.72a1.109 1.109 0 0 0 1.61.99l6.05-3.03A2.238 2.238 0 0 0 22 16.84v-5.72a1.109 1.109 0 0 0-1.61-.99Z"
+            />
+          </G>
+        </Svg>
+      ),
      toast: "",
      message: "",
    },
    {
      name: "سفارشات",
      route: "Orders",
-      icon: <Ionicons name="reorder-four" size={23} color={"#555555"} />,
+      icon: (
+        <Svg
+          data-name="vuesax/linear/ranking"
+          xmlns="http://www.w3.org/2000/svg"
+          width={24}
+          height={24}
+        >
+          <Path
+            d="M8.67 14H4a2.006 2.006 0 0 0-2 2v6h6.67Z"
+            fill="none"
+            stroke="#292d32"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+          />
+          <Path
+            data-name="Vector"
+            d="M13.33 10h-2.67a2.006 2.006 0 0 0-2 2v10h6.67V12a2 2 0 0 0-2-2ZM20 17h-4.67v5H22v-3a2.006 2.006 0 0 0-2-2ZM12.52 2.07l.53 1.06a.6.6 0 0 0 .42.31l.96.16c.61.1.76.55.32.98l-.75.75a.639.639 0 0 0-.16.54l.21.92c.17.73-.22 1.01-.86.63l-.9-.53a.618.618 0 0 0-.59 0l-.9.53c-.64.38-1.03.1-.86-.63l.21-.92a.63.63 0 0 0-.156-.54l-.74-.74c-.44-.44-.3-.88.32-.98l.96-.16a.666.666 0 0 0 .42-.31l.53-1.06c.286-.58.746-.58 1.036-.01Z"
+            fill="none"
+            stroke="#292d32"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+          />
+        </Svg>
+      ),
      toast: "",
      message: "",
    },
    {
      name: "سوالات متداول",
      route: "Faq",
-      icon: <Ionicons name="" size={23} color={"#555555"} />,
+      icon: (
+        <Svg
+          data-name="vuesax/linear/lamp-on"
+          xmlns="http://www.w3.org/2000/svg"
+          width={24}
+          height={24}
+        >
+          <G
+            fill="none"
+            stroke="#292d32"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+          >
+            <Path d="M8.3 18.04v-1.16a8.579 8.579 0 0 1-4.19-6.984A7.919 7.919 0 0 1 13.8 2.19a7.784 7.784 0 0 1 5.27 4.07c2.09 4.2-.11 8.66-3.34 10.61v1.16c0 .29.11.96-.96.96H9.26c-1.1.006-.96-.42-.96-.95Z" />
+            <Path data-name="Vector" d="M8.5 21.999a12.808 12.808 0 0 1 7 0" />
+          </G>
+        </Svg>
+      ),
      toast: "",
      message: "",
    },
    {
      name: "تماس با ما",
      route: "Contact",
-      icon: <Ionicons name="call" size={23} color={"#555555"} />,
+      icon: (
+        <Svg
+          data-name="vuesax/linear/call-calling"
+          xmlns="http://www.w3.org/2000/svg"
+          width={24}
+          height={24}
+        >
+          <G
+            data-name="call-calling"
+            fill="none"
+            stroke="#292d32"
+            strokeWidth={1.5}
+          >
+            <Path d="M21.97 18.33a2.545 2.545 0 0 1-.25 1.09 4.126 4.126 0 0 1-.68 1.02 4.508 4.508 0 0 1-1.64 1.18 5.022 5.022 0 0 1-1.95.38 8.334 8.334 0 0 1-3.26-.73 17.564 17.564 0 0 1-3.44-1.98 28.75 28.75 0 0 1-3.28-2.8 28.414 28.414 0 0 1-2.79-3.27 17.828 17.828 0 0 1-1.96-3.41A8.423 8.423 0 0 1 2 6.54a5.173 5.173 0 0 1 .36-1.93 4.6 4.6 0 0 1 1.15-1.67A2.93 2.93 0 0 1 5.59 2a1.879 1.879 0 0 1 .81.18 1.63 1.63 0 0 1 .67.56l2.32 3.27a3.422 3.422 0 0 1 .4.7 1.581 1.581 0 0 1 .14.61 1.357 1.357 0 0 1-.21.71 3.4 3.4 0 0 1-.56.71l-.76.79a.535.535 0 0 0-.16.4.908.908 0 0 0 .03.23c.03.08.06.14.08.2a8.3 8.3 0 0 0 .93 1.28c.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47a7.675 7.675 0 0 0 1.29.92c.05.02.11.05.18.08a.69.69 0 0 0 .25.04.55.55 0 0 0 .41-.17l.76-.75a3.068 3.068 0 0 1 .72-.56 1.332 1.332 0 0 1 .71-.21 1.6 1.6 0 0 1 .61.13 3.868 3.868 0 0 1 .7.39l3.31 2.35a1.517 1.517 0 0 1 .55.64 2.052 2.052 0 0 1 .16.78Z" />
+            <Path
+              data-name="Vector"
+              d="M18.5 9a3.965 3.965 0 0 0-1.17-2.27A3.416 3.416 0 0 0 15 5.5M22 9a7 7 0 0 0-7-7"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </G>
+        </Svg>
+      ),
      toast: "",
      message: "",
    },
@ -206,7 +328,10 @@ const Drawer = ({ position, setBoxPosition, user, mobile }) => {
              xmlns="http://www.w3.org/2000/svg"
              width={24}
              height={24}
-              style={{ transform: [{ rotate: dropdown ? "90deg" : "-90deg" }], padding : 10 }}
+              style={{
+                transform: [{ rotate: dropdown ? "90deg" : "-90deg" }],
+                padding: 10,
+              }}
              onPress={() => animateDropdown()}
            >
              <Path