From 55c4ca0cc8a952ff9d05354109c7b5e9f7fef625 Mon Sep 17 00:00:00 2001 From: Sathya Sreenivasan Date: Thu, 22 May 2025 11:24:18 +0100 Subject: [PATCH 1/8] Initial comit --- src/Components/AddNavBar/NavBarPage.tsx | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/Components/AddNavBar/NavBarPage.tsx diff --git a/src/Components/AddNavBar/NavBarPage.tsx b/src/Components/AddNavBar/NavBarPage.tsx new file mode 100644 index 0000000..e69de29 From 32f0daf9ca91d225f1f7d428d5976430a166babb Mon Sep 17 00:00:00 2001 From: Sathya Sreenivasan Date: Thu, 22 May 2025 12:30:13 +0100 Subject: [PATCH 2/8] Added nav links to home and profile pages --- src/App.tsx | 24 ++++++----------- src/Components/AddNavBar/NavBar.scss | 34 +++++++++++++++++++++++++ src/Components/AddNavBar/NavBar.tsx | 22 ++++++++++++++++ src/Components/AddNavBar/NavBarPage.tsx | 0 4 files changed, 64 insertions(+), 16 deletions(-) create mode 100644 src/Components/AddNavBar/NavBar.scss create mode 100644 src/Components/AddNavBar/NavBar.tsx delete mode 100644 src/Components/AddNavBar/NavBarPage.tsx diff --git a/src/App.tsx b/src/App.tsx index 32ac87a..236f619 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,23 +1,15 @@ import React from "react"; -import "./App.scss"; +import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; +import NavBar from "./Components/AddNavBar/NavBar"; function App() { return ( -
-
-

- Edit src/App.tsx and save to reload. -

- - Learn React - -
-
+ + + }/> + + + ); } diff --git a/src/Components/AddNavBar/NavBar.scss b/src/Components/AddNavBar/NavBar.scss new file mode 100644 index 0000000..420c915 --- /dev/null +++ b/src/Components/AddNavBar/NavBar.scss @@ -0,0 +1,34 @@ +@import "../../Styles/GlobalStyles.scss"; + + body { + background-color: $blueBackground; + font-family: $PublicSans; + } + +.navBarContainer { + display: flex; + background: $blueBackground; + justify-content: center; + +} + +a { + margin: 15px 10px 10px 10px; + background: $greyBackground; + color: $whiteFontColor; + background-color: $greyBackground; + box-shadow: 2px 2px $orangeBackground; + padding: 2.5px 20px; + text-align: center; + text-decoration: none; + display: inline-block; + border-radius: 25px; +} + +a:active { + box-shadow: 1px 1px $orangeBackground; +} + +a:hover { + color: $orangeBackground +} diff --git a/src/Components/AddNavBar/NavBar.tsx b/src/Components/AddNavBar/NavBar.tsx new file mode 100644 index 0000000..b9831e9 --- /dev/null +++ b/src/Components/AddNavBar/NavBar.tsx @@ -0,0 +1,22 @@ +import React from "react"; +import "./NavBar.scss" +import { Link } from "react-router"; + + +export default function NavBar() { + return ( +
+
+ +
+ +
+ ); +} diff --git a/src/Components/AddNavBar/NavBarPage.tsx b/src/Components/AddNavBar/NavBarPage.tsx deleted file mode 100644 index e69de29..0000000 From 4d440c454f1afa5435f87f1e5dd879b81a240937 Mon Sep 17 00:00:00 2001 From: Simon Duck Date: Thu, 22 May 2025 13:38:08 +0100 Subject: [PATCH 3/8] restyled buttons --- ...ogy-icon-concept-isolated_138676-8961.avif | Bin 0 -> 18948 bytes .../AddNavBar/Images/earth_318-581287.avif | Bin 0 -> 10320 bytes src/Components/AddNavBar/NavBar.scss | 40 +++++++++++++----- src/Components/AddNavBar/NavBar.tsx | 26 +++++++----- 4 files changed, 44 insertions(+), 22 deletions(-) create mode 100644 src/Components/AddNavBar/Images/cute-astronaut-standing-cartoon-vector-icon-illustration-science-technology-icon-concept-isolated_138676-8961.avif create mode 100644 src/Components/AddNavBar/Images/earth_318-581287.avif diff --git a/src/Components/AddNavBar/Images/cute-astronaut-standing-cartoon-vector-icon-illustration-science-technology-icon-concept-isolated_138676-8961.avif b/src/Components/AddNavBar/Images/cute-astronaut-standing-cartoon-vector-icon-illustration-science-technology-icon-concept-isolated_138676-8961.avif new file mode 100644 index 0000000000000000000000000000000000000000..c87231a596b9cace92c6bb4cce756901d7319598 GIT binary patch literal 18948 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 Iuqn`-fK9WXI{*Lx literal 0 HcmV?d00001 diff --git a/src/Components/AddNavBar/Images/earth_318-581287.avif b/src/Components/AddNavBar/Images/earth_318-581287.avif new file mode 100644 index 0000000000000000000000000000000000000000..fb39b9f698b83e35b2a4677cc911cd0b72f93380 GIT binary patch literal 10320 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 D>m9VQ literal 0 HcmV?d00001 diff --git a/src/Components/AddNavBar/NavBar.scss b/src/Components/AddNavBar/NavBar.scss index 420c915..15f16ba 100644 --- a/src/Components/AddNavBar/NavBar.scss +++ b/src/Components/AddNavBar/NavBar.scss @@ -8,27 +8,45 @@ .navBarContainer { display: flex; background: $blueBackground; - justify-content: center; + justify-content: space-between; } +.homeButton { + display: flex; + flex-direction: column; + justify-items: center; +} + +.profilePageButton { + display: flex; + flex-direction: column; + justify-items: center; +} + a { margin: 15px 10px 10px 10px; - background: $greyBackground; - color: $whiteFontColor; - background-color: $greyBackground; - box-shadow: 2px 2px $orangeBackground; + // background: $greyBackground; + color: $orangeBackground; + // background-color: $greyBackground; padding: 2.5px 20px; - text-align: center; + // text-align: center; + // text-decoration: none; + // display: inline-block; + border: solid 2px $orangeBackground; text-decoration: none; - display: inline-block; border-radius: 25px; } -a:active { - box-shadow: 1px 1px $orangeBackground; -} + a:hover { - color: $orangeBackground + + color: $whiteFontColor; + box-shadow: 0px 0px 3px 3px $greyBackground; +} + +a:active { + box-shadow: none; + color: $orangeBackground; } diff --git a/src/Components/AddNavBar/NavBar.tsx b/src/Components/AddNavBar/NavBar.tsx index b9831e9..82f7f80 100644 --- a/src/Components/AddNavBar/NavBar.tsx +++ b/src/Components/AddNavBar/NavBar.tsx @@ -1,22 +1,26 @@ import React from "react"; -import "./NavBar.scss" +import "./NavBar.scss"; import { Link } from "react-router"; - export default function NavBar() { return ( -
+
+
+ + + Home + +
+
+ + + Profile + +
+
-
); } From 2c3a799ca90ceede4eb70b486da08bf36fd0e8d3 Mon Sep 17 00:00:00 2001 From: Simon Duck Date: Thu, 22 May 2025 14:25:41 +0100 Subject: [PATCH 4/8] start on testing --- ...concept-isolated_138676-8961.avif => Astro.avif} | Bin .../Images/{earth_318-581287.avif => Earth.avif} | Bin src/Components/AddNavBar/NavBar.spec.tsx | 12 ++++++++++++ src/Components/AddNavBar/NavBar.tsx | 12 ++++++++---- 4 files changed, 20 insertions(+), 4 deletions(-) rename src/Components/AddNavBar/Images/{cute-astronaut-standing-cartoon-vector-icon-illustration-science-technology-icon-concept-isolated_138676-8961.avif => Astro.avif} (100%) rename src/Components/AddNavBar/Images/{earth_318-581287.avif => Earth.avif} (100%) create mode 100644 src/Components/AddNavBar/NavBar.spec.tsx diff --git a/src/Components/AddNavBar/Images/cute-astronaut-standing-cartoon-vector-icon-illustration-science-technology-icon-concept-isolated_138676-8961.avif b/src/Components/AddNavBar/Images/Astro.avif similarity index 100% rename from src/Components/AddNavBar/Images/cute-astronaut-standing-cartoon-vector-icon-illustration-science-technology-icon-concept-isolated_138676-8961.avif rename to src/Components/AddNavBar/Images/Astro.avif diff --git a/src/Components/AddNavBar/Images/earth_318-581287.avif b/src/Components/AddNavBar/Images/Earth.avif similarity index 100% rename from src/Components/AddNavBar/Images/earth_318-581287.avif rename to src/Components/AddNavBar/Images/Earth.avif diff --git a/src/Components/AddNavBar/NavBar.spec.tsx b/src/Components/AddNavBar/NavBar.spec.tsx new file mode 100644 index 0000000..96be350 --- /dev/null +++ b/src/Components/AddNavBar/NavBar.spec.tsx @@ -0,0 +1,12 @@ +import "@testing-library/jest-dom"; +import { fireEvent, render, waitFor } from '@testing-library/react'; +import React from "react"; +import NavBar from "./NavBar"; +import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; +import { createMemoryHistory } from "history"; + +describe(NavBar, () => { + it("Should change current location to profile when link is clicked", () => { + const history = createMemoryHistory({ initialEntries: ["/"] }); + }); +}); diff --git a/src/Components/AddNavBar/NavBar.tsx b/src/Components/AddNavBar/NavBar.tsx index 82f7f80..37b2f6d 100644 --- a/src/Components/AddNavBar/NavBar.tsx +++ b/src/Components/AddNavBar/NavBar.tsx @@ -2,20 +2,24 @@ import React from "react"; import "./NavBar.scss"; import { Link } from "react-router"; + export default function NavBar() { return (