diff --git a/client/src/assets/misc/backarrow.png b/client/src/assets/misc/backarrow.png new file mode 100644 index 00000000..7714f176 Binary files /dev/null and b/client/src/assets/misc/backarrow.png differ diff --git a/client/src/assets/misc/left-arrow-svgrepo-com.svg b/client/src/assets/misc/left-arrow-svgrepo-com.svg new file mode 100644 index 00000000..27edffe3 --- /dev/null +++ b/client/src/assets/misc/left-arrow-svgrepo-com.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/client/src/pages/ScuntHome/ScuntHome.jsx b/client/src/pages/ScuntHome/ScuntHome.jsx index ad9c8efd..63166f7f 100644 --- a/client/src/pages/ScuntHome/ScuntHome.jsx +++ b/client/src/pages/ScuntHome/ScuntHome.jsx @@ -21,6 +21,7 @@ import { getScuntTeams } from '../../state/scuntTeams/saga'; // import { ProfilePageScuntTeam } from '../Profile/PageProfileFrosh'; const { axios } = useAxios(); import scuntLogo from '../../assets/scuntlogo/scunt_color_2t4.svg'; +import arrowLogo from '../../assets/misc/left-arrow-svgrepo-com.svg' import { SingleAccordion } from '../../components/text/Accordion/SingleAccordion/SingleAccordion'; export const PageScuntHome = () => { @@ -33,6 +34,7 @@ export const PageScuntHome = () => { return ( <> + @@ -40,6 +42,15 @@ export const PageScuntHome = () => { ); }; +const BackToProfileButton = () => { + + return ( + + Back + + ); +}; + const AboutScunt = () => { const { darkMode } = useContext(DarkModeContext); diff --git a/client/src/pages/ScuntHome/ScuntHome.scss b/client/src/pages/ScuntHome/ScuntHome.scss index 6d448be4..6177ca4e 100644 --- a/client/src/pages/ScuntHome/ScuntHome.scss +++ b/client/src/pages/ScuntHome/ScuntHome.scss @@ -126,3 +126,17 @@ margin: 10px 10px; color: var(--text-dynamic); } + +.back-button { + position: absolute; + top: 16px; + left: 16px; + display: inline-block; + background: none; +} + +.back-icon { + width: 24px; + height: 24px; + fill: purple; +} \ No newline at end of file