Autotron Domain End: Fix Applied

sayshark75 · Jun 14, 2024 · b639ef8 · b639ef8
1 parent c551a05
commit b639ef8
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 2 deletions.
diff --git a/src/CONSTANTS.tsx b/src/CONSTANTS.tsx
@@ -3,6 +3,7 @@ import { ContributionDataType, ThemeIconsProps, TimelineCardProps } from "./TYPE
 import { RiGraduationCapFill } from "react-icons/ri";
 import {
   AutotronLinkedIn,
+  AutotronLocation,
   AutotronLogo,
   AutotronWebsite,
   MasaiLinkedIn,
@@ -92,6 +93,7 @@ export const TimelineData: TimelineCardProps[] = [
     logo: AutotronLogo,
     linkedin: AutotronLinkedIn,
     website: AutotronWebsite,
+    location: AutotronLocation,
     role: "Embedded Developer",
     query: AutotronQuery,
     highlight: AutotronQuery.join(" "),

diff --git a/src/TYPES.ts b/src/TYPES.ts
@@ -65,6 +65,7 @@ export type HeadingProps = {
 export type TimelineCardProps = {
   linkedin: string;
   website: string;
+  location?: string;
   logo: string;
   title: string;
   role: string;

diff --git a/src/assets/icons/autotronIcon.png b/src/assets/icons/autotronIcon.png
diff --git a/src/components/TimelinePage/TimelineCard.tsx b/src/components/TimelinePage/TimelineCard.tsx
@@ -6,8 +6,9 @@ import { RefObject, useRef } from "react";
 import useIntersectionObserver from "../../hooks/useIntersectionObs";
 import { fadeBottom, fadeLeft } from "../../animations/FadeAnimations";
 import ReactGA from "react-ga4";
+import { FaLocationDot } from "react-icons/fa6";
 
-const TimelineCard = ({ linkedin, website, logo, title, role, query, highlight, dateStart, dateEnd }: TimelineCardProps) => {
+const TimelineCard = ({ linkedin, website, location, logo, title, role, query, highlight, dateStart, dateEnd }: TimelineCardProps) => {
   const handleVisitLinkedIn = (type: string) => {
     if (type === "linkedin") {
       ReactGA.event({
@@ -21,6 +22,12 @@ const TimelineCard = ({ linkedin, website, logo, title, role, query, highlight,
         action: `Visited Website of ${title}`,
       });
       window.open(website, "_blank");
+    } else if (type === "location") {
+      ReactGA.event({
+        category: "timelinecard",
+        action: `Visited Website of ${title}`,
+      });
+      window.open(location, "_blank");
     }
   };
 
@@ -128,6 +135,19 @@ const TimelineCard = ({ linkedin, website, logo, title, role, query, highlight,
               aria-label="Globe Icon, to Visit Web Page of TopBar Company"
             />
           )}
+          {location && (
+            <IconButton
+              size={"xs"}
+              rounded={"full"}
+              bgColor={"primary"}
+              color={"accent"}
+              _active={{ color: "text", bgColor: "accent" }}
+              _hover={{}}
+              icon={<FaLocationDot />}
+              onClick={() => handleVisitLinkedIn("location")}
+              aria-label="Globe Icon, to Visit Web Page of TopBar Company"
+            />
+          )}
         </Flex>
       </Flex>
       {/* My role */}

diff --git a/src/sources/Links.ts b/src/sources/Links.ts
@@ -1,3 +1,5 @@
+import autotronLogo from "../assets/icons/autotronIcon.png";
+
 export const githubLink: string = "https://github.com/sayshark75";
 
 export const mailLink: string = "mailto:sayyedsharuk75@gmail.com";
@@ -8,9 +10,10 @@ export const mailLinkTemplate: string =
 export const TopBarLogo: string = "https://www.topbar.in/images/logo.png";
 export const TopBarLinkedIn: string = "https://www.linkedin.com/company/topbar-company";
 export const TopBarWebsite: string = "https://www.topbar.in/";
-export const AutotronLogo: string = "https://www.autotron.tech/logo.png";
+export const AutotronLogo: string = autotronLogo;
 export const AutotronWebsite: string = "https://www.autotron.tech/";
 export const AutotronLinkedIn: string = "";
+export const AutotronLocation: string = "https://maps.app.goo.gl/CrPdcjBR9xL1sGmYA";
 export const MasaiLogo: string = "https://masai-website-images.s3.ap-south-1.amazonaws.com/logo.png";
 export const MasaiWebsite: string = "https://www.masaischool.com/";
 export const MasaiLinkedIn: string = "https://www.linkedin.com/school/masai-school/";