update task-board branding from "TT ELD" to "Ontime"

2 weeks ago · cfad4ed633
parent 8ed28f4b58
commit cfad4ed633
4 changed files with 39 additions and 36 deletions
--- a/public/index.html
+++ b/public/index.html
@ -1,10 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-    <script
-      async
-      src="https://www.googletagmanager.com/gtag/js?id=G-TS04B6F9E3"
-    ></script>
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-TS04B6F9E3"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
@ -17,21 +15,17 @@
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Admin Panel for Support Specialists in TT ELD - A comprehensive management tool for efficient operations and monitoring of TT ELD services."
-    />
-    <title>TT ELD</title>
+  <meta name="description"
+    content="Admin Panel for Support Specialists in Ontime ELD - A comprehensive management tool for efficient operations and monitoring of Ontime ELD services." />
+  <title>Ontime ELD</title>
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"
-      rel="stylesheet"
-    />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet" />
 </head>

 <body>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <div id="root"></div>
 </body>
+
 </html>
--- a/src/App.css
+++ b/src/App.css
@ -48,6 +48,10 @@
  height: 32px;
 }

+.tt-icon-white {
+  max-width: 100%;
+  height: 32px;
+}
 .isnot {
  display: none;
 }
--- a/src/App.tsx
+++ b/src/App.tsx
@ -16,7 +16,8 @@ import { LogoutApi } from "./API/auth/Logout";
 import { Link } from "react-router-dom";
 import { MenuProps } from "antd";
 // @ts-ignore
-import TT_ELD from "./assets/tticon.svg";
+import Logo_white from "./assets/logo-white.png";
+import Ontime_Logo from "./assets/ontimeicon.svg";
 import collapsedIcon from "./assets/collapsed.png";
 import themeBtn from "./assets/theme-btn.svg";
 // @ts-ignore
@ -422,11 +423,15 @@ const App: React.FC = () => {
                    {collapsed ? (
                      <img
                        className="tt-icon-collapsed"
-                        src={TT_ELD}
+                        src={Ontime_Logo}
                        alt="Icon"
                      />
                    ) : (
-                      "TT ELD"
+                      <img
+                        className="tt-icon-white"
+                        src={Logo_white}
+                        alt="Icon"
+                      />
                    )}
                  </p>
                  <button onClick={toggleCollapsed} style={{ all: "unset" }}>
--- a/src/assets/logo-white.png
+++ b/src/assets/logo-white.png