refactor: mvp heltin logo

bhidapa · Jul 14, 2023 · 17bda2c · 17bda2c
1 parent 8d9cf53
commit 17bda2c
Show file tree

Hide file tree

Showing 10 changed files with 19 additions and 9 deletions.
diff --git a/app/src/assets/BHIDAPA-banner-blue_800x400.jpg b/app/src/assets/BHIDAPA-banner-blue_800x400.jpg
diff --git a/app/src/assets/BHIDAPA-logo-180x180.png b/app/src/assets/BHIDAPA-logo-180x180.png
diff --git a/app/src/assets/BHIDAPA-logo-90x90.png b/app/src/assets/BHIDAPA-logo-90x90.png
diff --git a/app/src/assets/BHIDAPA-logo-blue-90x90.png b/app/src/assets/BHIDAPA-logo-blue-90x90.png
diff --git a/app/src/assets/banner_800x400.png b/app/src/assets/banner_800x400.png
diff --git a/app/src/assets/favicon.ico b/app/src/assets/favicon.ico
diff --git a/app/src/assets/logo.svg b/app/src/assets/logo.svg
diff --git a/app/src/core/Root/Logo.tsx b/app/src/core/Root/Logo.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+
+export function Logo(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 219.16 251.68" {...props}>
+      <path
+        d="M33.13,166c30.37,22.93,64.73-1.08,103.7,27.52,33.14,24.32,31.58,58.79,46.56,58.19,20.52-.82,42.45-66.32,33.86-127-2.6-18.36-6.91-48.78-29.92-75.26C149.16,5.52,65.37-20.75,23.61,21-14.36,58.94-3.12,138.6,33.13,166Z"
+        style={{ fill: 'rgb(25 144 255)' }}
+      />
+    </svg>
+  );
+}
diff --git a/app/src/core/Root/Root.tsx b/app/src/core/Root/Root.tsx
@@ -19,8 +19,7 @@ import { Locale, useLocale } from 'intl/locale';
 import { location } from 'core/location';
 import { getRoutes } from 'core/routes';
 
-import BHIDAPALogo from 'assets/BHIDAPA-logo-blue-90x90.png';
-
+import { Logo } from './Logo';
 import { RootRestoreScroll } from './RootRestoreScroll';
 import { RootSearch } from './RootSearch';
 import { RootQuery } from './__generated__/RootQuery.graphql';
@@ -97,7 +96,7 @@ export const Root: React.FC<RootProps> = (props) => {
               </div>
 
               <Link to="/" className="navbar-brand ml-10 ml-sm-20">
-                <img src={BHIDAPALogo} alt="BHIDAPA" />
+                <Logo style={{ height: 32 }} />
               </Link>
 
               <div className="navbar-content ml-auto">

diff --git a/app/src/core/pages/LoginPage/LoginPage.tsx b/app/src/core/pages/LoginPage/LoginPage.tsx
@@ -15,7 +15,7 @@ import { errorToast } from 'lib/toasts';
 
 import { LocationGenerics } from 'core/location';
 
-import BHIDAPABanner from 'assets/BHIDAPA-banner-blue_800x400.jpg';
+import Banner from 'assets/banner_800x400.png';
 
 import { LoginPageMutation } from './__generated__/LoginPageMutation.graphql';
 
@@ -47,11 +47,7 @@ export const LoginPage: React.FC<LoginPageProps> = () => {
   return (
     <div className="m-auto w-600 mw-full">
       <div className="card p-0">
-        <img
-          src={BHIDAPABanner}
-          alt="BHIDAPA heltin login banner"
-          className="img-fluid rounded-top"
-        />
+        <img src={Banner} alt="heltin banner" className="img-fluid rounded-top" />
 
         <div className="content">
           <h2 className="content-title mb-0">