fix: branding

3 years ago · fbf14362f8
parent 970a30fc8f
commit fbf14362f8
6 changed files with 41 additions and 83 deletions
--- a/services/frontend/public/favicon.ico
+++ b/services/frontend/public/favicon.ico
--- a/services/frontend/public/favicon.png
+++ b/services/frontend/public/favicon.png
--- a/services/frontend/public/index.html
+++ b/services/frontend/public/index.html
@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
@ -10,34 +10,11 @@
      content="Web site created using create-react-app"
    />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      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>Container Toolkit</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
  </body>
 </html>
--- a/services/frontend/public/manifest.json
+++ b/services/frontend/public/manifest.json
@ -3,9 +3,9 @@
  "name": "Visual Argo Workflows",
  "icons": [
    {
-      "src": "favicon.ico",
+      "src": "favicon.png",
      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
+      "type": "image/png"
    }
  ],
  "start_url": ".",
--- a/services/frontend/src/components/Project/index.tsx
+++ b/services/frontend/src/components/Project/index.tsx
@ -195,6 +195,14 @@ export default function Project(props: IProjectProps) {
    []
  );

+  const debouncedAutoSave = useMemo(
+    () =>
+      debounce(() => {
+        console.log("the api is going to call after 5 seconds");
+      }, 5000),
+    []
+  );
+
  const debouncedOnGraphUpdate = useMemo(
    () =>
      debounce((payload) => {
@ -635,11 +643,12 @@ export default function Project(props: IProjectProps) {
            minHeight: "calc(100vh - 120px)"
          }}
        >
-          <h3 className="mt-2 text-sm font-medium text-gray-900">
-            Something went wrong...
+          <h3 className="text-2xl font-medium text-gray-900">
+            {(error as any)?.response.status === 404 ? <>404</> : <>Oops...</>}
          </h3>
          <p className="mt-1 text-sm text-gray-500">
-            Either this project does not exist, or the link is wrong.
+            Either this project does not exist, it is private or the link is
+            wrong.
          </p>
        </div>
      );
--- a/services/frontend/src/components/global/logo.tsx
+++ b/services/frontend/src/components/global/logo.tsx
@ -1,62 +1,34 @@
 const Logo = () => {
  return (
    <svg
-      width="28px"
-      height="28px"
-      viewBox="0 0 152 152"
-      version="1.1"
-      xmlns="http://www.w3.org/2000/svg"
-      xmlnsXlink="http://www.w3.org/1999/xlink"
-    >
-      <title>CTK</title>
-      <g
-        id="Page-1"
-        stroke="none"
-        strokeWidth="1"
+      width="24"
+      height="24"
+      viewBox="0 0 270 270"
      fill="none"
-        fillRule="evenodd"
-      >
-        <g id="Logo" transform="translate(-179.000000, -225.000000)">
-          <g id="ctk-logo-copy" transform="translate(167.000000, 200.000000)">
-            <g
-              id="ctk-logo"
-              transform="translate(98.500000, 95.000000) rotate(-60.000000) translate(-98.500000, -95.000000) translate(33.000000, 20.000000)"
-            >
-              <polygon
-                id="Polygon"
-                fillOpacity="0.15"
-                fill="#000000"
-                points="44 0 87.3012702 25 87.3012702 75 44 100 0.698729811 75 0.698729811 25"
-              ></polygon>
-              <polygon
-                id="Polygon-Copy"
-                fillOpacity="0.15"
-                fill="#000000"
-                points="87 25 130.30127 50 130.30127 100 87 125 43.6987298 100 43.6987298 50"
-              ></polygon>
-              <polygon
-                id="Polygon-Copy-2"
-                fillOpacity="0.15"
-                fill="#000000"
-                points="44 50 87.3012702 75 87.3012702 125 44 150 0.698729811 125 0.698729811 75"
-              ></polygon>
-              <text
-                id="n"
-                transform="translate(61.705647, 69.842201) rotate(30.000000) translate(-61.705647, -69.842201) "
-                fontFamily="Kefa-Bold, Kefa"
-                fontSize="71"
-                fontWeight="bold"
-                letterSpacing="0.492226294"
-                fill="#FFFFFF"
+      xmlns="http://www.w3.org/2000/svg"
    >
-                <tspan x="39.6707155" y="94.8422015">
-                  n
-                </tspan>
-              </text>
-            </g>
-          </g>
-        </g>
-      </g>
+      <path
+        d="M26.0711 110.924C22.1658 107.019 22.1658 100.687 26.0711 96.7817L96.7817 26.071C100.687 22.1658 107.019 22.1658 110.924 26.071L144.866 60.0132C148.771 63.9184 148.771 70.2501 144.866 74.1553L74.1554 144.866C70.2501 148.771 63.9185 148.771 60.0132 144.866L26.0711 110.924Z"
+        fill="#2697EC"
+      />
+      <rect
+        x="118.736"
+        y="109.654"
+        width="120"
+        height="68.0015"
+        rx="10"
+        transform="rotate(-45 118.736 109.654)"
+        fill="#F38432"
+      />
+      <rect
+        x="27.3326"
+        y="202.095"
+        width="120"
+        height="68.0015"
+        rx="10"
+        transform="rotate(-45 27.3326 202.095)"
+        fill="#2E6DE5"
+      />
    </svg>
  );
 };