From f44de5a81a11b513b8633e1bb9d601ebe680d1e2 Mon Sep 17 00:00:00 2001 From: Mohamed Khelif Date: Fri, 28 Jun 2024 13:42:16 -0400 Subject: [PATCH] DEVPROD-7957 Spruce goes to the beach! (#214) --- apps/spruce/src/components/Header/Navbar.tsx | 12 +- .../components/Header/SpruceSummerTree.svg | 1 + .../components/Icon/icons/ChristmasTree.svg | 1 - .../src/components/Icon/icons/HybridTree.svg | 1 - .../src/components/Icon/icons/PrideTree.tsx | 258 ------------------ 5 files changed, 11 insertions(+), 262 deletions(-) create mode 100644 apps/spruce/src/components/Header/SpruceSummerTree.svg delete mode 100644 apps/spruce/src/components/Icon/icons/ChristmasTree.svg delete mode 100644 apps/spruce/src/components/Icon/icons/HybridTree.svg delete mode 100644 apps/spruce/src/components/Icon/icons/PrideTree.tsx diff --git a/apps/spruce/src/components/Header/Navbar.tsx b/apps/spruce/src/components/Header/Navbar.tsx index 2aea6d187..af29f085b 100644 --- a/apps/spruce/src/components/Header/Navbar.tsx +++ b/apps/spruce/src/components/Header/Navbar.tsx @@ -7,7 +7,6 @@ import Cookies from "js-cookie"; import { Link, useParams } from "react-router-dom"; import { useNavbarAnalytics } from "analytics"; import Icon from "components/Icon"; -import { PrideTree } from "components/Icon/icons/PrideTree"; import { CURRENT_PROJECT } from "constants/cookies"; import { wikiUrl } from "constants/externalResources"; import { @@ -23,6 +22,7 @@ import { USER, SPRUCE_CONFIG } from "gql/queries"; import { useLegacyUIURL } from "hooks"; import { validators } from "utils"; import { AuxiliaryDropdown } from "./AuxiliaryDropdown"; +import SpruceSummerTree from "./SpruceSummerTree.svg"; import { UserDropdown } from "./UserDropdown"; const { validateObjectId } = validators; @@ -71,7 +71,10 @@ export const Navbar: React.FC = () => { to={routes.myPatches} onClick={() => sendEvent({ name: "Click Logo Link" })} > - + diff --git a/apps/spruce/src/components/Icon/icons/ChristmasTree.svg b/apps/spruce/src/components/Icon/icons/ChristmasTree.svg deleted file mode 100644 index 7c533eaa6..000000000 --- a/apps/spruce/src/components/Icon/icons/ChristmasTree.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/apps/spruce/src/components/Icon/icons/HybridTree.svg b/apps/spruce/src/components/Icon/icons/HybridTree.svg deleted file mode 100644 index af3c1e8ce..000000000 --- a/apps/spruce/src/components/Icon/icons/HybridTree.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/apps/spruce/src/components/Icon/icons/PrideTree.tsx b/apps/spruce/src/components/Icon/icons/PrideTree.tsx deleted file mode 100644 index fa3a596d4..000000000 --- a/apps/spruce/src/components/Icon/icons/PrideTree.tsx +++ /dev/null @@ -1,258 +0,0 @@ -import { useEffect } from "react"; - -export const PrideTree: React.FC = () => { - // Animations should be paused by default on page load. - useEffect(() => { - const prideTree = document.getElementsByTagName("svg"); - prideTree[0].pauseAnimations(); - }, []); - - const onMouseEnter = () => { - const prideTree = document.getElementsByTagName("svg"); - prideTree[0].unpauseAnimations(); - }; - - const onMouseLeave = () => { - const prideTree = document.getElementsByTagName("svg"); - prideTree[0].pauseAnimations(); - }; - - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ); -};