chore: new gnod svg (#100)

* chore: npm audit fix * fix: remove duplicated code * chore: new gnod svg --------- Signed-off-by: Iuri Pereira <689440+iuricmp@users.noreply.github.com>
gnolang · Jun 19, 2024 · 0fa7d9a · 0fa7d9a
1 parent 5c6b8b1
commit 0fa7d9a
Show file tree

Hide file tree

Showing 7 changed files with 51 additions and 38 deletions.
diff --git a/mobile/app/index.tsx b/mobile/app/index.tsx
@@ -98,9 +98,6 @@ export default function Root() {
               <>
                 <Text.Caption1>Please, select one of the existing accounts to start:</Text.Caption1>
                 <SideMenuAccountList accounts={accounts} changeAccount={onChangeAccountHandler} />
-                <SideMenuAccountList accounts={accounts} changeAccount={onChangeAccountHandler} />
-                <SideMenuAccountList accounts={accounts} changeAccount={onChangeAccountHandler} />
-                <SideMenuAccountList accounts={accounts} changeAccount={onChangeAccountHandler} />
                 <Spacer />
               </>
             )}

diff --git a/mobile/components/feed/gnod-label.tsx b/mobile/components/feed/gnod-label.tsx
@@ -2,6 +2,7 @@ import { StyleProp, TextStyle, TouchableOpacity } from "react-native";
 import { colors } from "@gno/styles/colors";
 import { MaterialCommunityIcons } from "@expo/vector-icons";
 import Text from "../text";
+import Icons from "../icons";
 
 interface Props {
   gnodsCount: number;
@@ -11,9 +12,9 @@ interface Props {
 
 function GnodLabel({ gnodsCount, style, onPress }: Props) {
   return (
-    <TouchableOpacity onPress={onPress} style={[style, { flexDirection: "row", gap: 8 }]}>
-      <MaterialCommunityIcons name="message-reply-outline" size={16} color={colors.text.secondary} />
-      <Text.Caption1 style={{ color: colors.text.secondary }}>{gnodsCount} Gnods</Text.Caption1>
+    <TouchableOpacity onPress={onPress} style={[style, { flexDirection: "row", gap: 4 }]}>
+      {gnodsCount > 0 ? <Icons.Gnoded /> : <Icons.Gnod />}
+      <Text.Caption1 style={{ color: colors.text.secondary, marginTop: 2 }}>{gnodsCount} Gnods</Text.Caption1>
     </TouchableOpacity>
   );
 }

diff --git a/mobile/components/feed/replies-label.tsx b/mobile/components/feed/replies-label.tsx
@@ -11,7 +11,11 @@ interface Props {
 function RepliesLabel({ replyCount, style }: Props) {
   return (
     <View style={[style, { flexDirection: "row", gap: 8 }]}>
-      <MaterialCommunityIcons name="message-reply-outline" size={16} color={colors.text.secondary} />
+      <MaterialCommunityIcons
+        name={replyCount > 0 ? "message-reply" : "message-reply-outline"}
+        size={16}
+        color={colors.grayscale[200]}
+      />
       <Text.Caption1 style={{ color: colors.text.secondary }}>{replyCount} replies</Text.Caption1>
     </View>
   );

diff --git a/mobile/components/icons/Gnod.tsx b/mobile/components/icons/Gnod.tsx
@@ -5,24 +5,31 @@ function Gnod(props: SvgProps) {
   return (
     <Svg width={props.width || 16} height={props.height || 18} viewBox="0 0 35.973949 45.630001" {...props}>
       <Path
-        d="M46.935 319.041c-.86-1.062-1.3-6.509-.892-11.039.324-3.59 1.522-9.358 2.176-10.47.41-.699.78-.891 4.564-2.372 3.675-1.439 4.18-1.58 4.7-1.32 1.173.583 1.215 1.553.174 3.958l-.97 2.241 2.838 2.576c3.133 2.842 5.556 5.792 6.442 7.842.474 1.057.477 1.456-.2 1.73-.556.282-1.051.301-1.745.066-2.33-.789-6.84-.007-10.063 1.745-2.137 1.161-4.026 2.775-4.7 4.016-.601 1.103-1.825 1.644-2.324 1.027zm3.724-3.783c1.232-1.05 1.809-1.619 4.9-2.83 4.036-1.579 5.843-1.619 8.45-1.038.814.182 1.516.243 1.563.138.42-.963-4.22-6.518-7.989-9.564-1.029-.832-1.88-1.535-1.89-1.562-.01-.027.485-1.222 1.1-2.656.976-2.27 1.062-2.657.665-2.996-.427-.364-.71-.29-4.362 1.14-3.362 1.316-3.954 1.617-4.248 2.16-.589 1.088-1.832 7.446-2.079 10.633-.314 4.049.108 9.297.787 9.807.159.12.534-.234.97-.912.39-.61 1.35-1.653 2.133-2.32z"
-        transform="translate(-33.937 -293.734)"
+        d="M146.209 268.859c-.86-1.062-1.3-6.509-.891-11.039.323-3.59 1.521-9.358 2.175-10.471.41-.698.78-.89 4.564-2.371 3.675-1.439 4.18-1.58 4.701-1.32 1.172.583 1.214 1.552.173 3.958l-.97 2.24 2.838 2.576c3.133 2.843 5.556 5.793 6.442 7.842.474 1.058.477 1.457-.2 1.73-.556.283-1.051.302-1.745.067-2.33-.789-6.84-.007-10.062 1.744-2.138 1.162-4.027 2.776-4.702 4.016-.6 1.104-1.824 1.645-2.323 1.028zm3.725-3.784c1.232-1.05 1.808-1.618 4.9-2.828 4.035-1.58 5.843-1.62 8.45-1.039.813.181 1.516.243 1.562.138.42-.963-4.219-6.518-7.989-9.564-1.029-.832-1.88-1.535-1.89-1.562-.01-.027.485-1.222 1.1-2.656.977-2.27 1.062-2.657.665-2.996-.427-.364-.71-.29-4.362 1.14-3.362 1.316-3.954 1.617-4.248 2.16-.589 1.088-1.832 7.446-2.079 10.633-.314 4.049.108 9.296.787 9.807.159.119.534-.234.97-.913.39-.608 1.35-1.652 2.134-2.32z"
+        transform="translate(-132.712 -242.952)"
         fill="#000"
+        stroke="#010101"
+        strokeWidth={1.2}
+        strokeDasharray="none"
+        strokeOpacity={1}
       />
       <Path
-        d="M59.732 331.183c-3.816-.866-6.94-1.711-7.665-2.073-1.915-.955-3.535-3.55-3.659-5.862-.063-1.187 1.112-3.796 1.838-4.08.434-.17.56-.036.984 1.044.677 1.73 1.078 1.645 2.993-.632 1.398-1.663 1.744-1.934 3.17-2.493 1.426-.558 1.874-.594 4.075-.33 2.937.354 3.363.094 2.685-1.637-.604-1.543-.027-1.789 2.057-.876 2.268.994 3.408 2.56 3.661 5.03.205 1.993-.327 3.36-2.728 7.005-3.848 5.84-3.705 5.746-7.411 4.904zm6.231-4.59c1.415-2.149 2.684-4.212 2.82-4.584.722-1.964.212-4.67-1.138-6.039-.357-.362-1.201-.884-1.874-1.16l-1.224-.5.398 1.017c.448 1.146.218 1.98-.64 2.315-.31.122-1.546.072-2.744-.112-3.524-.538-4.865.058-7.3 3.248-.476.624-1.141 1.243-1.478 1.374-.903.354-1.814-.2-2.096-1.276-.203-.772-.279-.841-.562-.509-.936 1.097-1.17 3.469-.506 5.155.474 1.206 2.305 2.744 3.856 3.24 3.312 1.057 8.677 2.199 9.28 1.975.419-.155 1.514-1.569 3.208-4.143z"
-        transform="translate(-33.937 -293.734)"
+        d="M159.006 281.001c-3.816-.867-6.94-1.712-7.665-2.073-1.915-.955-3.535-3.55-3.659-5.862-.063-1.187 1.112-3.796 1.838-4.08.434-.17.561-.036.984 1.044.677 1.73 1.078 1.645 2.993-.632 1.398-1.663 1.744-1.935 3.17-2.493 1.426-.558 1.874-.594 4.076-.33 2.936.354 3.362.094 2.684-1.637-.604-1.543-.027-1.789 2.057-.876 2.268.994 3.408 2.56 3.662 5.029.204 1.994-.328 3.361-2.73 7.006-3.847 5.84-3.704 5.746-7.41 4.904zm6.231-4.59c1.415-2.149 2.684-4.212 2.82-4.584.722-1.964.212-4.67-1.137-6.039-.358-.363-1.202-.884-1.875-1.16l-1.224-.5.398 1.017c.448 1.146.218 1.98-.64 2.315-.31.122-1.546.071-2.744-.112-3.524-.538-4.865.058-7.3 3.248-.476.624-1.141 1.242-1.478 1.374-.903.354-1.813-.2-2.096-1.276-.203-.772-.279-.841-.562-.51-.936 1.098-1.169 3.47-.506 5.156.474 1.206 2.305 2.744 3.856 3.24 3.312 1.056 8.677 2.199 9.28 1.975.419-.155 1.514-1.569 3.208-4.143z"
+        transform="translate(-132.712 -242.952)"
         fill="gray"
         fillOpacity={1}
-        stroke="none"
+        stroke="gray"
+        strokeWidth={1.2}
+        strokeDasharray="none"
+        strokeOpacity={1}
       />
       <Path
-        d="M41.909 317.83c-.637 0-1.149.648-1.149 1.453v6.684h-5.14a1.18 1.18 0 00-1.183 1.182v10.533a1.18 1.18 0 001.182 1.182h6.341a1.18 1.18 0 001.182-1.182v-18.4c0-.804-.597-1.452-1.233-1.452z"
-        transform="translate(-33.937 -293.734)"
+        d="M141.183 267.648c-.637 0-1.149.648-1.149 1.452v6.685h-5.14a1.18 1.18 0 00-1.182 1.182V287.5a1.18 1.18 0 001.181 1.182h6.341a1.18 1.18 0 001.182-1.182v-18.4c0-.804-.597-1.452-1.233-1.452z"
+        transform="translate(-132.712 -242.952)"
         fill="none"
         fillOpacity={1}
         stroke="gray"
-        strokeWidth={1}
+        strokeWidth={2}
         strokeLinecap="round"
         strokeLinejoin="round"
         strokeDasharray="none"

diff --git a/mobile/components/icons/Gnoded.tsx b/mobile/components/icons/Gnoded.tsx
@@ -4,19 +4,23 @@ import Svg, { G, Path, Rect, SvgProps } from "react-native-svg";
 function Gnod(props: SvgProps) {
   return (
     <Svg width={props.width || 16} height={props.height || 18} viewBox="0 0 37.17128 43.839218" {...props}>
-      <G transform="translate(-21.696 -47.89)">
+      <G transform="translate(-33.242 -288.7)">
         <Path
-          d="M35.37 64.797c-.08-1.364 2.738-6.046 5.71-9.489 2.355-2.729 6.691-6.717 7.872-7.24.74-.328 1.153-.269 5.09.733 3.825.974 4.317 1.152 4.59 1.667.611 1.158.08 1.97-2.168 3.318l-2.094 1.256.805 3.747c.889 4.135 1.138 7.945.663 10.127-.23 1.135-.461 1.46-1.17 1.29-.617-.096-1.03-.37-1.457-.964-1.434-2-5.555-3.993-9.193-4.448-2.414-.302-4.89-.092-6.161.523-1.131.546-2.441.273-2.487-.52zm5.232-.903c1.613-.135 2.413-.261 5.63.558 4.2 1.068 5.692 2.09 7.472 4.082.555.62 1.09 1.08 1.189 1.022.903-.537.37-7.755-.916-12.428-.352-1.276-.633-2.343-.626-2.37.007-.029 1.106-.711 2.442-1.517 2.117-1.277 2.412-1.54 2.286-2.048-.134-.544-.407-.649-4.209-1.616-3.498-.89-4.155-.99-4.71-.721-1.112.54-5.829 4.983-7.887 7.428-2.615 3.107-5.332 7.617-5.077 8.428.06.189.57.12 1.32-.177.672-.267 2.06-.555 3.086-.641z"
+          d="M46.354 314.607c-.86-1.062-1.3-6.509-.891-11.04.323-3.59 1.521-9.357 2.175-10.47.41-.698.78-.89 4.564-2.371 3.675-1.44 4.18-1.58 4.7-1.32 1.173.583 1.215 1.552.174 3.958l-.97 2.24 2.838 2.576c3.133 2.842 5.556 5.793 6.442 7.842.474 1.057.477 1.457-.2 1.73-.556.283-1.051.302-1.745.067-2.33-.789-6.84-.007-10.063 1.744-2.137 1.162-4.026 2.776-4.7 4.016-.601 1.104-1.825 1.645-2.324 1.028zm3.725-3.784c1.231-1.05 1.808-1.618 4.9-2.829 4.035-1.579 5.843-1.619 8.45-1.038.813.181 1.516.243 1.562.138.42-.963-4.22-6.518-7.989-9.565-1.029-.831-1.88-1.534-1.89-1.561-.01-.027.485-1.222 1.1-2.656.976-2.271 1.062-2.657.665-2.996-.427-.364-.71-.29-4.362 1.14-3.362 1.315-3.954 1.617-4.248 2.16-.589 1.087-1.832 7.446-2.079 10.632-.314 4.05.108 9.297.787 9.808.159.119.534-.234.97-.913.39-.609 1.35-1.652 2.134-2.32z"
           fill="#000"
+          stroke="#000"
+          strokeWidth={1.2}
+          strokeDasharray="none"
+          strokeOpacity={1}
         />
         <Path
-          d="M38.69 82.123c-2.595-2.929-4.64-5.436-5.019-6.153-1-1.892-.803-4.945.444-6.895.64-1.002 3.116-2.437 3.872-2.245.452.115.476.298.19 1.422-.458 1.8-.083 1.966 2.801 1.231 2.105-.536 2.544-.555 4.03-.177 1.483.377 1.868.609 3.502 2.107 2.18 1.999 2.678 2.036 3.136.234.409-1.605 1.02-1.469 2.182.488 1.264 2.13 1.277 4.066.044 6.22-.996 1.74-2.226 2.54-6.3 4.102-6.532 2.503-6.361 2.51-8.881-.334zm7.739-.098c2.402-.921 4.636-1.858 4.964-2.08 1.731-1.177 2.894-3.673 2.595-5.57-.08-.504-.46-1.42-.847-2.036l-.703-1.12-.27 1.058c-.303 1.193-.975 1.736-1.868 1.509-.324-.083-1.298-.844-2.165-1.691-2.55-2.492-3.987-2.789-7.825-1.616-.75.23-1.651.344-2.002.255-.94-.239-1.356-1.22-.959-2.258.285-.746.264-.847-.16-.742-1.4.346-2.972 2.137-3.416 3.894-.318 1.256.274 3.573 1.245 4.88 2.075 2.789 5.768 6.844 6.389 7.014.43.118 2.144-.392 5.022-1.497z"
+          d="M59.151 326.75c-3.816-.868-6.94-1.713-7.665-2.074-1.915-.955-3.535-3.55-3.659-5.862-.063-1.188 1.112-3.796 1.838-4.08.434-.17.56-.036.984 1.044.677 1.73 1.078 1.645 2.993-.633 1.398-1.662 1.744-1.934 3.17-2.492s1.874-.594 4.075-.33c2.937.353 3.363.094 2.685-1.638-.604-1.542-.027-1.788 2.057-.875 2.268.994 3.408 2.56 3.661 5.029.205 1.994-.327 3.361-2.728 7.005-3.848 5.841-3.705 5.747-7.411 4.905zm6.231-4.59c1.415-2.15 2.684-4.213 2.82-4.585.722-1.965.212-4.67-1.138-6.039-.357-.363-1.201-.885-1.874-1.16l-1.224-.5.398 1.017c.448 1.146.218 1.979-.64 2.315-.31.122-1.546.071-2.744-.112-3.524-.539-4.865.058-7.3 3.248-.476.624-1.141 1.242-1.478 1.374-.903.353-1.814-.2-2.096-1.276-.203-.772-.279-.841-.562-.51-.936 1.098-1.17 3.47-.506 5.156.474 1.206 2.305 2.744 3.856 3.24 3.312 1.056 8.677 2.199 9.28 1.975.419-.155 1.514-1.57 3.208-4.144z"
           fill="gray"
           fillOpacity={1}
           stroke="none"
         />
         <Path
-          d="M41.156 83.339c-1.344-1-5.896-6.248-6.56-7.564-.507-1.004-.812-2.076-.87-3.058-.037-.613.014-.992.202-1.51.464-1.275 1.425-2.482 2.466-3.097.368-.217.92-.424 1.046-.392.103.026.081.223-.073.645-.32.881-.209 1.608.318 2.057.518.443 1.226.47 2.541.102 1.9-.534 2.552-.66 3.499-.681.526-.012 1.438.182 1.927.41.703.327 1.333.796 2.334 1.737 1.616 1.52 2.175 1.893 2.782 1.86.413-.024.762-.246 1.052-.673.125-.182.179-.33.387-1.061l.241-.85.525.875c.89 1.485 1.127 2.266 1.013 3.348-.052.497-.367 1.561-.6 2.031-.474.95-1.197 1.836-1.909 2.335-.252.176-.873.46-2.287 1.044-3.558 1.47-6.474 2.49-7.409 2.595-.35.039-.374.033-.624-.154z"
+          d="M61.863 326.3c-1.675-.03-8.433-1.64-9.739-2.322-.997-.52-1.87-1.214-2.49-1.978-.387-.476-.567-.814-.716-1.345-.366-1.306-.289-2.846.2-3.953.171-.391.5-.881.62-.929.1-.038.196.135.317.567.253.903.767 1.428 1.458 1.486.678.058 1.27-.332 2.124-1.398 1.233-1.541 1.688-2.024 2.446-2.593.42-.316 1.274-.69 1.804-.79.762-.144 1.548-.13 2.91.051 2.198.293 2.87.27 3.344-.111.322-.26.475-.643.463-1.16-.005-.22-.047-.372-.305-1.087l-.299-.831.937.405c1.589.687 2.236 1.184 2.775 2.13.247.433.611 1.482.695 2 .17 1.048.098 2.189-.19 3.01-.101.29-.44.883-1.249 2.181-2.034 3.268-3.809 5.798-4.508 6.427-.261.236-.284.245-.597.24z"
           fill="gray"
           fillOpacity={1}
           stroke="gray"
@@ -28,8 +32,8 @@ function Gnod(props: SvgProps) {
         <Rect
           width={8.7040815}
           height={12.897045}
-          x={22.310823}
-          y={78.216766}
+          x={33.856575}
+          y={321.53244}
           ry={1.1818035}
           fill="gray"
           fillOpacity={1}
@@ -42,8 +46,8 @@ function Gnod(props: SvgProps) {
         <Rect
           width={2.2979565}
           height={10.095428}
-          x={28.63328}
-          y={70.079712}
+          x={40.179031}
+          y={313.39539}
           ry={1.4526443}
           fill="gray"
           fillOpacity={1}

diff --git a/mobile/package-lock.json b/mobile/package-lock.json
diff --git a/mobile/package.json b/mobile/package.json
@@ -22,10 +22,8 @@
     "base-64": "^1.0.0",
     "date-fns": "^3.6.0",
     "expo": "~51.0.8",
-    "expo-application": "~5.9.1",
     "expo-clipboard": "~6.0.3",
     "expo-constants": "~16.0.2",
-    "expo-linear-gradient": "~13.0.2",
     "expo-linking": "~6.3.1",
     "expo-router": "~3.5.14",
     "expo-splash-screen": "~0.27.4",
@@ -46,7 +44,9 @@
     "react-redux": "^9.1.0",
     "styled-components": "^6.1.8",
     "text-encoding": "^0.7.0",
-    "web-streams-polyfill": "^3.3.2"
+    "web-streams-polyfill": "^3.3.2",
+    "expo-application": "~5.9.1",
+    "expo-linear-gradient": "~13.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",