Convert svgs to components and react scripts update (#779)

* upgrade react-scripts to fix production build issues * remove babel-loader * upgrade to react-scripts 4.x * convert svgs to svg react components using @svgr/cli * add postinstall with husky * ignore .husky * remove <noscript> and update title in index.html * add endOfLine "auto" to fix windows ci issue
cypress-io · Feb 18, 2021 · 7147d8c · 7147d8c
1 parent e8d7684
commit 7147d8c
Show file tree

Hide file tree

Showing 22 changed files with 4,495 additions and 2,924 deletions.
diff --git a/.husky/.gitignore b/.husky/.gitignore
@@ -0,0 +1 @@
+_
diff --git a/.prettierrc b/.prettierrc
@@ -1,4 +1,5 @@
 {
   "trailingComma": "es5",
-  "printWidth": 100
+  "printWidth": 100,
+  "endOfLine": "auto"
 }
diff --git a/package.json b/package.json
@@ -74,7 +74,6 @@
     "@types/yup": "0.29.11",
     "@types/connect-history-api-fallback": "1.3.3",
     "@types/http-proxy-middleware": "0.19.3",
-    "babel-loader": "8.0.6",
     "bcryptjs": "2.4.3",
     "concurrently": "5.3.0",
     "cors": "2.8.5",
@@ -100,7 +99,7 @@
     "passport": "0.4.1",
     "passport-local": "1.0.0",
     "prettier": "2.2.1",
-    "react-scripts": "3.4.0",
+    "react-scripts": "4.0.2",
     "start-server-and-test": "1.12.0",
     "ts-node": "9.1.1",
     "typescript": "4.1.5"
@@ -144,7 +143,8 @@
     "build": "react-scripts build",
     "eject": "react-scripts eject",
     "codesandbox:start:api": "yarn tsnode:not-instrumented --files backend/app.ts",
-    "codesandbox:start": "NODE_ENV=development TSC_COMPILE_ON_ERROR=true concurrently \"react-scripts start\" yarn:start:api:codesandbox"
+    "codesandbox:start": "NODE_ENV=development TSC_COMPILE_ON_ERROR=true concurrently \"react-scripts start\" yarn:start:api:codesandbox",
+    "postinstall": "husky install"
   },
   "eslintConfig": {
     "env": {

diff --git a/public/index.html b/public/index.html
@@ -21,10 +21,9 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Cypress Real World App</title>
   </head>
   <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { Container, Typography } from "@material-ui/core";
 
-import { ReactComponent as CypressLogo } from "../svgs/cypress-logo.svg";
+import CypressLogo from "../components/SvgCypressLogo";
 
 export default function Footer() {
   return (

diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
@@ -23,8 +23,8 @@ import { Link as RouterLink, useLocation } from "react-router-dom";
 
 import { DataContext, DataEvents } from "../machines/dataMachine";
 import TransactionNavTabs from "./TransactionNavTabs";
-import { ReactComponent as RWALogo } from "../svgs/rwa-logo.svg";
-import { ReactComponent as RWALogoIcon } from "../svgs/rwa-icon-logo.svg";
+import RWALogo from "./SvgRwaLogo";
+import RWALogoIcon from "./SvgRwaIconLogo";
 
 const drawerWidth = 240;
 

diff --git a/src/components/NotificationList.tsx b/src/components/NotificationList.tsx
@@ -4,7 +4,7 @@ import { List } from "@material-ui/core";
 import NotificationListItem from "./NotificationListItem";
 import { NotificationResponseItem } from "../models";
 import EmptyList from "./EmptyList";
-import { ReactComponent as RemindersIllustration } from "../svgs/undraw_reminders_697p.svg";
+import RemindersIllustration from "./SvgUndrawReminders697P";
 
 export interface NotificationsListProps {
   notifications: NotificationResponseItem[];

diff --git a/src/components/SignInForm.tsx b/src/components/SignInForm.tsx
@@ -17,7 +17,7 @@ import {
 import { Formik, Form, Field, FieldProps } from "formik";
 import { string, object } from "yup";
 
-import { ReactComponent as RWALogo } from "../svgs/rwa-logo.svg";
+import RWALogo from "./SvgRwaLogo";
 import Footer from "./Footer";
 import { SignInPayload } from "../models";
 import { AuthMachineContext, AuthMachineEvents } from "../machines/authMachine";

diff --git a/src/components/SignUpForm.tsx b/src/components/SignUpForm.tsx
@@ -15,7 +15,7 @@ import {
 import { Formik, Form, Field, FieldProps } from "formik";
 import { string, object, ref } from "yup";
 
-import { ReactComponent as RWALogo } from "../svgs/rwa-logo.svg";
+import RWALogo from "./SvgRwaLogo";
 import Footer from "./Footer";
 import { SignUpPayload } from "../models";
 import { AuthMachineContext, AuthMachineEvents } from "../machines/authMachine";

diff --git a/src/components/SvgCypressLogo.tsx b/src/components/SvgCypressLogo.tsx
diff --git a/src/components/SvgRwaIconLogo.tsx b/src/components/SvgRwaIconLogo.tsx
@@ -0,0 +1,21 @@
+import * as React from "react";
+
+function SvgRwaIconLogo(props: any) {
+  return (
+    <svg
+      width="47px"
+      height="47px"
+      viewBox="0 0 47 47"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M42.073 12.133c-.802-.357-1.713-.51-2.682-.473l-9.832.384c-.901.112-1.527.94-1.385 1.831.14.874.966 1.477 1.845 1.346l9.514-.357c.555-.02.957.068 1.237.192.42.186.603.409.717.777.116.37.12.936-.174 1.662l-3.843 9.51c-.782 1.937-3.782 4.168-6 4.251l-8.053.301c-.901.112-1.527.94-1.385 1.832.14.874.966 1.477 1.845 1.346l7.735-.274c3.881-.145 7.486-2.851 8.857-6.244l3.842-9.51c.514-1.273.635-2.6.258-3.806-.374-1.203-1.293-2.234-2.496-2.768zM23.68 13.33a1.66 1.66 0 00-.93-.147l-7.688.173c-3.859.094-7.416 2.67-8.74 5.945l-3.707 9.177c-.662 1.638-.61 3.417.344 4.798.951 1.383 2.715 2.145 4.644 2.099l9.772-.253c.894-.098 1.507-.894 1.355-1.76-.15-.849-.979-1.443-1.852-1.327l-9.456.23c-1.103.026-1.556-.293-1.806-.655-.25-.362-.38-.987-.002-1.92l3.708-9.178c.754-1.866 3.714-3.993 5.921-4.046l8.005-.195c.894-.098 1.507-.894 1.355-1.76a1.63 1.63 0 00-.921-1.181h-.002zm2.52 2.093c-.811-.315-1.718.071-2.027.862l-.186.462c-1.183.164-2.3.756-3.06 1.753-1.54 2.018-1.095 4.956.985 6.505.714.531.858 1.476.33 2.167-.53.692-1.488.815-2.202.285l-.635-.47c-.691-.527-1.675-.412-2.202.255-.537.682-.416 1.642.328 2.197l.635.47v.001c.13.096.264.186.402.269-.26.76.117 1.609.888 1.933.82.344 1.755-.037 2.07-.844l.185-.457c1.184-.163 2.3-.76 3.062-1.758 1.54-2.017 1.094-4.955-.986-6.504-.714-.531-.858-1.475-.33-2.167.53-.691 1.489-.816 2.203-.286l.634.47c.692.527 1.677.412 2.204-.255.537-.681.388-1.675-.33-2.197l-.632-.47c-.13-.097-.27-.175-.408-.257.275-.78-.127-1.652-.927-1.964z"
+        fill="currentColor"
+        fillRule="evenodd"
+      />
+    </svg>
+  );
+}
+
+export default SvgRwaIconLogo;
diff --git a/src/components/SvgRwaLogo.tsx b/src/components/SvgRwaLogo.tsx
@@ -0,0 +1,23 @@
+import * as React from "react";
+
+function SvgRwaLogo(props: any) {
+  return (
+    <svg
+      width="235px"
+      height="28px"
+      viewBox="0 0 235 28"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g fill="currentColor" fillRule="evenodd">
+        <path
+          d="M54.666 22l1.271-7.287h3.254L61.543 22h4.265v-.219l-2.803-8.08C65.731 12.635 67.19 10.734 67.38 8c.137-1.85-.39-3.295-1.579-4.334-1.19-1.039-2.887-1.559-5.092-1.559l-6.59-.013L50.659 22h4.007zm4.826-10.582l-2.98-.027 1.038-5.975 3.418.014c.894.036 1.545.305 1.955.806.41.502.552 1.194.424 2.078-.137.948-.549 1.698-1.237 2.25-.688.55-1.561.836-2.618.854zM74.68 22.273a7.869 7.869 0 003.377-.676c1.048-.47 1.85-1.124 2.406-1.962L78.7 17.447c-1.057 1.121-2.288 1.664-3.692 1.627-.865-.018-1.55-.314-2.05-.888-.502-.575-.734-1.34-.698-2.297h9.065l.219-1.682c.237-2.087-.135-3.812-1.115-5.175-.98-1.362-2.422-2.062-4.327-2.098-1.34-.037-2.561.27-3.664.922-1.103.652-2.005 1.58-2.707 2.783a9.563 9.563 0 00-1.258 3.965l-.04.546c-.11 1.313.081 2.514.573 3.603a5.76 5.76 0 002.236 2.57c.998.625 2.144.941 3.438.95zm3.158-9.064h-5.304c.437-1.148.932-1.955 1.483-2.42a2.74 2.74 0 011.894-.67c.547.01.998.162 1.353.458.356.296.579.709.67 1.237.046.329.041.675-.013 1.04l-.083.355zm9.037 9.064c1.403.037 2.661-.5 3.773-1.613-.018.52.032.966.15 1.34h3.788l.013-.26c-.173-.446-.25-.993-.232-1.64l.068-.875 1.135-7.082c.155-1.513-.242-2.75-1.19-3.712-.947-.962-2.26-1.46-3.937-1.497-1.814-.019-3.338.412-4.573 1.292-1.235.88-1.885 2.025-1.948 3.438l3.869-.014c.118-.592.387-1.046.806-1.36.42-.314.93-.463 1.532-.444.455.009.822.134 1.1.376.278.241.44.576.486 1.005.027.273.013.56-.041.86l-.192.89-1.805-.028c-2.169 0-3.898.43-5.188 1.292-1.29.862-1.967 2.099-2.03 3.712-.055 1.212.344 2.23 1.196 3.056.852.825 1.925 1.246 3.22 1.264zm1.177-2.993h-.22c-.483-.01-.864-.158-1.142-.445-.278-.287-.38-.677-.308-1.169.055-.437.196-.807.424-1.107.63-.83 1.655-1.263 3.076-1.3l1.34.014-.478 2.557c-.83 1.003-1.8 1.486-2.912 1.45h.22zM100.778 22l3.637-21h-3.87l-3.65 21h3.883zm17.197 0l5.21-13.262L124.236 22h4.033l7.397-19.906h-4.088l-4.799 14.123-.943-14.123h-3.405l-5.359 14.054-.396-14.054h-3.91L113.941 22h4.033zm22.38.273c2.097.037 3.858-.672 5.285-2.126 1.426-1.453 2.244-3.356 2.454-5.708.127-1.394-.03-2.663-.472-3.807-.442-1.144-1.135-2.042-2.078-2.694-.943-.651-2.067-.986-3.37-1.004-2.06-.055-3.801.638-5.223 2.078-1.422 1.44-2.251 3.381-2.488 5.824-.128 1.376.032 2.634.478 3.773.447 1.14 1.14 2.03 2.078 2.673.94.643 2.051.973 3.336.991zm.398-3.171h-.206c-.711-.019-1.263-.28-1.654-.787-.392-.505-.597-1.196-.616-2.07-.054-1.888.262-3.39.95-4.506.689-1.116 1.607-1.656 2.755-1.62.72.018 1.274.29 1.661.814.388.524.6 1.223.636 2.098.046 1.832-.269 3.311-.943 4.437-.675 1.125-1.604 1.67-2.79 1.634h.207zM152.823 22l1.71-9.68c.801-1.066 1.89-1.581 3.267-1.545.337 0 .77.046 1.299.137l.492-3.814c-.51-.128-.957-.192-1.34-.192-1.367 0-2.516.698-3.445 2.092l.355-1.805-3.623.014L148.968 22h3.855zm10.034 0l3.637-21h-3.869l-3.65 21h3.882zm8.312.287c1.468.037 2.753-.588 3.856-1.873l-.22 1.586h3.446l3.637-21h-3.87l-1.449 7.574c-.847-1.066-1.96-1.618-3.335-1.654-1.112-.027-2.122.237-3.029.793s-1.672 1.408-2.297 2.557c-.624 1.148-1.046 2.479-1.264 3.992l-.082.615a11.206 11.206 0 00-.041 1.668c.036 1.094.243 2.085.622 2.974.378.888.913 1.57 1.606 2.044.693.473 1.5.715 2.42.724zm1.337-3.21l-.202-.003c-1.203-.027-1.85-.843-1.942-2.447-.027-.474-.004-1.057.069-1.75.228-1.686.654-2.905 1.278-3.657.624-.752 1.406-1.115 2.345-1.087 1.066.045 1.777.556 2.133 1.531l-1.053 5.879c-.802 1.066-1.746 1.577-2.83 1.531l.202.002zM190.718 22l2.05-4.102h6.946l.629 4.102h4.088l-3.787-19.906h-3.705L186.302 22h4.416zm8.49-7.424h-4.799l3.678-7.41 1.121 7.41zm8.954 13.111l1.354-7c.83 1.03 1.96 1.564 3.39 1.6a5.352 5.352 0 003.063-.834c.92-.583 1.69-1.476 2.31-2.68.62-1.203 1.026-2.579 1.217-4.128.073-.766.1-1.431.082-1.997-.054-1.74-.483-3.119-1.285-4.135-.802-1.017-1.927-1.543-3.377-1.58-1.449-.036-2.707.547-3.773 1.75l.26-1.49-3.555.014-3.541 20.48h3.855zm4.109-8.6h-.212c-1.112-.036-1.837-.514-2.174-1.435l1.108-6.097c.729-.985 1.654-1.459 2.775-1.422.656.018 1.155.287 1.497.806.342.52.504 1.222.485 2.106l-.082 1.312c-.237 1.687-.665 2.903-1.285 3.65-.62.748-1.394 1.108-2.324 1.08h.212zm11.08 8.6l1.353-7c.83 1.03 1.96 1.564 3.391 1.6a5.352 5.352 0 003.063-.834c.92-.583 1.69-1.476 2.31-2.68.62-1.203 1.026-2.579 1.217-4.128.073-.766.1-1.431.082-1.997-.055-1.74-.483-3.119-1.285-4.135-.802-1.017-1.928-1.543-3.377-1.58-1.45-.036-2.707.547-3.774 1.75l.26-1.49-3.554.014-3.541 20.48h3.855zm4.108-8.6h-.212c-1.112-.036-1.836-.514-2.173-1.435l1.107-6.097c.73-.985 1.654-1.459 2.775-1.422.657.018 1.156.287 1.498.806.341.52.503 1.222.485 2.106l-.082 1.312c-.237 1.687-.666 2.903-1.285 3.65-.62.748-1.395 1.108-2.325 1.08h.212z"
+          fillRule="nonzero"
+        />
+        <path d="M40.073 1.133C39.27.776 38.36.623 37.39.66l-9.832.384c-.901.112-1.527.94-1.385 1.831.14.874.966 1.477 1.845 1.346l9.514-.357c.555-.02.957.068 1.237.192.42.186.603.409.717.777.116.37.12.936-.174 1.662l-3.843 9.51c-.782 1.937-3.782 4.168-6 4.251l-8.053.301c-.901.112-1.527.94-1.385 1.832.14.874.966 1.477 1.845 1.346l7.735-.274c3.881-.145 7.486-2.851 8.857-6.244l3.842-9.51c.514-1.273.635-2.6.258-3.806-.374-1.203-1.293-2.234-2.496-2.768zM21.68 2.33a1.66 1.66 0 00-.93-.147l-7.688.173c-3.859.094-7.416 2.67-8.74 5.945L.615 17.478c-.662 1.638-.61 3.417.344 4.798.951 1.383 2.715 2.145 4.644 2.099l9.772-.253c.894-.098 1.507-.894 1.355-1.76-.15-.849-.979-1.443-1.852-1.327l-9.456.23c-1.103.026-1.556-.293-1.806-.655-.25-.362-.38-.987-.002-1.92l3.708-9.178c.754-1.866 3.714-3.993 5.921-4.046l8.005-.195c.894-.098 1.507-.894 1.355-1.76a1.63 1.63 0 00-.921-1.181h-.002zm2.52 2.093c-.811-.315-1.718.071-2.027.862l-.186.462c-1.183.164-2.3.756-3.06 1.753-1.54 2.018-1.095 4.956.985 6.505.714.531.858 1.476.33 2.167-.53.692-1.488.815-2.202.285l-.635-.47c-.691-.527-1.675-.412-2.202.255-.537.682-.416 1.642.328 2.197l.635.47v.001c.13.096.264.186.402.269-.26.76.117 1.609.888 1.933.82.344 1.755-.037 2.07-.844l.185-.457c1.184-.163 2.3-.76 3.062-1.758 1.54-2.017 1.094-4.955-.986-6.504-.714-.531-.858-1.475-.33-2.167.53-.691 1.489-.816 2.203-.286l.634.47c.692.527 1.677.412 2.204-.255.537-.681.388-1.675-.33-2.197l-.632-.47c-.13-.097-.27-.175-.408-.257.275-.78-.127-1.652-.927-1.964z" />
+      </g>
+    </svg>
+  );
+}
+
+export default SvgRwaLogo;
diff --git a/src/components/SvgUndrawNavigatorA479.tsx b/src/components/SvgUndrawNavigatorA479.tsx
@@ -0,0 +1,114 @@
+import * as React from "react";
+
+function SvgUndrawNavigatorA479(props: any) {
+  return (
+    <svg
+      data-name="Layer 1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="886.35125"
+      height="491.63114"
+      viewBox="0 0 886.351 491.631"
+      {...props}
+    >
+      <circle cx={232.396} cy={103.246} r={50.763} fill="#ff6584" />
+      <path
+        d="M391.582 259.678H142.556a5.08 5.08 0 01-.931-.073L259.403 55.596a8.246 8.246 0 0114.355 0l79.044 136.906 3.787 6.55z"
+        fill="#3f3d56"
+      />
+      <path
+        opacity={0.2}
+        d="M391.582 259.678h-85.024l41.738-60.626 3.004-4.367 1.502-2.183 3.787 6.55 34.993 60.626z"
+      />
+      <path
+        d="M530.238 259.678H314.851l41.738-60.626 3.003-4.367 54.388-79.007c3.566-5.178 12.144-5.5 16.336-.976a9.83 9.83 0 01.783.976z"
+        fill="#3f3d56"
+      />
+      <circle cx={593.463} cy={210.82} r={15.296} fill="#3f51b5" />
+      <path fill="#3f3d56" d="M594.938 256.894h-3.133l1.428-48.378 1.705 48.378z" />
+      <path
+        fill="#3f3d56"
+        d="M593.509 217.685l3.364-4.654-3.41 5.806-.368-.645.414-.507zM593.141 222.384l-3.364-4.653 3.41 5.805.368-.645-.414-.507z"
+      />
+      <circle cx={733.78} cy={210.82} r={15.296} fill="#3f51b5" />
+      <path fill="#3f3d56" d="M735.254 256.894h-3.133l1.429-48.378 1.704 48.378z" />
+      <path
+        fill="#3f3d56"
+        d="M733.826 217.685l3.364-4.654-3.41 5.806-.369-.645.415-.507zM733.458 222.384l-3.364-4.653 3.41 5.805.368-.645-.414-.507z"
+      />
+      <circle cx={637.775} cy={188.846} r={22.592} fill="#3f51b5" />
+      <path fill="#3f3d56" d="M639.952 256.894h-4.627l2.109-71.45 2.518 71.45z" />
+      <path
+        fill="#3f3d56"
+        d="M637.843 198.985l4.967-6.872-5.035 8.574-.545-.953.613-.749zM637.298 205.926l-4.967-6.872 5.035 8.573.545-.952-.613-.749z"
+      />
+      <circle cx={692.868} cy={188.846} r={22.592} fill="#3f51b5" />
+      <path fill="#3f3d56" d="M695.046 256.894h-4.627l2.109-71.45 2.518 71.45z" />
+      <path
+        fill="#3f3d56"
+        d="M692.936 198.985l4.968-6.872-5.036 8.574-.544-.953.612-.749zM692.392 205.926l-4.968-6.872 5.036 8.573.544-.952-.612-.749z"
+      />
+      <circle cx={549.969} cy={188.846} r={22.592} fill="#3f51b5" />
+      <path fill="#3f3d56" d="M552.146 256.894h-4.627l2.11-71.45 2.517 71.45z" />
+      <path
+        fill="#3f3d56"
+        d="M550.037 198.985l4.967-6.872-5.035 8.574-.544-.953.612-.749zM549.493 205.926l-4.968-6.872 5.036 8.573.544-.952-.612-.749z"
+      />
+      <path
+        d="M817.25 491.631H79.984a70.734 70.734 0 110-141.468h735.633a27.205 27.205 0 000-54.41H55.5v-43.53h760.118a70.734 70.734 0 110 141.469H79.984a27.205 27.205 0 100 54.41H817.25z"
+        fill="#e6e6e6"
+      />
+      <path
+        fill="#fff"
+        d="M82.704 272.9h33.735v2.176H82.704zM178.467 272.9h33.735v2.176h-33.735zM274.23 272.9h33.735v2.176H274.23zM369.993 272.9h33.735v2.176h-33.735zM465.756 272.9h33.735v2.176h-33.735zM561.519 272.9h33.735v2.176h-33.735zM657.282 272.9h33.735v2.176h-33.735zM753.045 272.9h33.735v2.176h-33.735zM82.704 370.839h33.735v2.176H82.704zM178.467 370.839h33.735v2.176h-33.735zM274.23 370.839h33.735v2.176H274.23zM369.993 370.839h33.735v2.176h-33.735zM465.756 370.839h33.735v2.176h-33.735zM561.519 370.839h33.735v2.176h-33.735zM657.282 370.839h33.735v2.176h-33.735zM753.045 370.839h33.735v2.176h-33.735zM82.704 468.779h33.735v2.176H82.704zM178.467 468.779h33.735v2.176h-33.735zM274.23 468.779h33.735v2.176H274.23zM369.993 468.779h33.735v2.176h-33.735zM465.756 468.779h33.735v2.176h-33.735zM561.519 468.779h33.735v2.176h-33.735zM657.282 468.779h33.735v2.176h-33.735zM753.045 468.779h33.735v2.176h-33.735z"
+      />
+      <path
+        d="M575.186 94.695a28.992 28.992 0 00-6.045-5.703h12.624a21.114 21.114 0 00-6.58 5.703zM533.919 88.992h2.176c-.467.328-.936.655-1.383 1.01-.255-.345-.527-.675-.793-1.01z"
+        fill="none"
+      />
+      <path
+        d="M591.868 86.374a20.833 20.833 0 0110.129 2.618h-20.232a20.742 20.742 0 0110.103-2.618zM552.607 83.757a28.623 28.623 0 0116.534 5.235h-33.046a28.616 28.616 0 0116.512-5.235zM330.212 50.623A53.656 53.656 0 01435.486 39.31c.65-.023 1.3-.049 1.955-.049a53.67 53.67 0 0151.482 38.538 37.92 37.92 0 0144.996 11.193H366.547a36.293 36.293 0 01-36.373-37.578q.016-.395.038-.791z"
+        fill="#e6e6e6"
+      />
+      <path
+        d="M620.763 133.87a28.992 28.992 0 016.045-5.703h-12.624a21.114 21.114 0 016.579 5.704zM662.03 128.167h-2.177c.468.329.937.656 1.384 1.01.254-.344.527-.674.793-1.01z"
+        fill="none"
+      />
+      <path
+        d="M604.08 125.55a20.833 20.833 0 00-10.128 2.617h20.232a20.742 20.742 0 00-10.103-2.617zM643.342 122.932a28.623 28.623 0 00-16.534 5.235h33.045a28.616 28.616 0 00-16.511-5.235zM865.737 89.799a53.656 53.656 0 00-105.275-11.313c-.65-.023-1.299-.05-1.955-.05a53.67 53.67 0 00-51.482 38.539 37.92 37.92 0 00-44.995 11.192h167.372a36.293 36.293 0 0036.373-37.577q-.016-.395-.038-.791z"
+        fill="#e6e6e6"
+      />
+      <path fill="#3f3d56" d="M773.604 461.223l-19.453-.01.002-3.088 19.453.01z" />
+      <path
+        d="M613.507 458.822l4.014.928 152.533.082 1.372-3.196a32.257 32.257 0 002.371-17.442c-.657-4.414-2.303-8.8-6.042-10.704l-6.769-45.084-84.389-.151-32.65 26.334s-15.4-.277-23.768 10.14a24.45 24.45 0 00-5.114 13.465l-.33 5.42z"
+        fill="#3f51b5"
+      />
+      <circle cx={647.009} cy={458.067} r={18.835} fill="#3f3d56" />
+      <circle cx={647.009} cy={458.067} r={9.913} fill="#ccc" />
+      <circle cx={739.95} cy={458.117} r={18.835} fill="#3f3d56" />
+      <circle cx={739.95} cy={458.117} r={9.913} fill="#ccc" />
+      <path
+        fill="#fff"
+        d="M656.92 406.511l45.563.019h5.562l9.39.007v-.685l.007-8.258.007-9.272h-6.248l-5.562-.006-9.852-.007h-5.562l-11.374-.007-21.931 18.209zM724.849 406.544l24.08.013.006-4.725v-8.258l.007-5.232h-3.526l-5.562-.007-14.998-.006-.007 18.215z"
+      />
+      <path
+        fill="#3f3d56"
+        d="M717.426 425.993l-3.088-.002.003-5.867 3.088.002zM669.266 411.764l-.002 3.088-5.867-.004.002-3.088z"
+      />
+      <path
+        d="M667.104 413.12h-.34a6.453 6.453 0 01-6.45-6.456 6.453 6.453 0 016.457-6.45h.34l-.007 12.907zM614.735 438.613a9.975 9.975 0 005.444-18.885 24.45 24.45 0 00-5.114 13.466z"
+        fill="#3f3d56"
+      />
+      <path
+        fill="#f2f2f2"
+        d="M705.639 388.316l11.796 17.536.007-8.258-6.241-9.272-5.562-.006zM739.854 388.335l9.081 13.497v-8.258l-3.519-5.232-5.562-.007zM690.225 388.309l12.258 18.221h5.562l-12.258-18.221h-5.562z"
+      />
+      <circle cx={50.058} cy={260.93} r={50.058} fill="#3f3d56" />
+      <path
+        d="M50.266 276l-25.05-25.05a4.353 4.353 0 016.156-6.157L49.85 263.27l58.964-67.24a4.353 4.353 0 016.545 5.74z"
+        fill="#3f51b5"
+      />
+    </svg>
+  );
+}
+
+export default SvgUndrawNavigatorA479;