From 538e61bc120b7efa99f8f1ba6d53efd212eaa467 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 1 Mar 2022 13:03:14 -0800
Subject: [PATCH] Remove ProfileHeader component

---
 components/ProfileHeader/index.scss | 32 -----------------------------
 components/ProfileHeader/index.tsx  | 28 -------------------------
 pages/[username].tsx                |  1 -
 3 files changed, 61 deletions(-)
 delete mode 100644 components/ProfileHeader/index.scss
 delete mode 100644 components/ProfileHeader/index.tsx

diff --git a/components/ProfileHeader/index.scss b/components/ProfileHeader/index.scss
deleted file mode 100644
index 12cce3fc..00000000
--- a/components/ProfileHeader/index.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-#ProfileHeader {
-    align-items: center;
-    background: white;
-    border-radius: $unit;
-    display: flex;
-    margin: 0 auto;
-    margin-bottom: $unit * 5;
-    max-width: $unit * 52;
-    padding: ($unit * 3) ($unit * 5);
-
-    h1 {
-        font-size: $font-xxlarge;
-        font-weight: $normal;
-        flex-grow: 1;
-        text-align: left;
-    }
-
-    img {
-        $diameter: 120px;
-        border-radius: $diameter / 2;
-        height: $diameter;
-        width: $diameter;
-
-        &.gran {
-            background-color: #CEE7FE;
-        }
-
-        &.djeeta {
-            background-color: #FFE1FE;
-        }
-    }
-}
\ No newline at end of file
diff --git a/components/ProfileHeader/index.tsx b/components/ProfileHeader/index.tsx
deleted file mode 100644
index 87af714f..00000000
--- a/components/ProfileHeader/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React, { useState } from 'react'
-import { useSnapshot } from 'valtio'
-
-import { appState } from '~utils/appState'
-
-import './index.scss'
-
-// Props
-interface Props {
-    username: string
-    gender: boolean
-}
-
-const ProfileHeader = (props: Props) => {
-    return (
-        <section id="ProfileHeader">
-            <h1>{props.username}</h1>
-            <img 
-                alt="Gran"
-                className="gran"
-                srcSet="/profile/gran.png,
-                        /profile/gran@2x.png 2x"
-                src="/profile/gran.png" />
-        </section>
-    )
-}
-
-export default ProfileHeader
\ No newline at end of file
diff --git a/pages/[username].tsx b/pages/[username].tsx
index 649979f3..03f45040 100644
--- a/pages/[username].tsx
+++ b/pages/[username].tsx
@@ -4,7 +4,6 @@ import { useCookies } from 'react-cookie'
 
 import api from '~utils/api'
 
-import ProfileHeader from '~components/ProfileHeader'
 import GridRep from '~components/GridRep'
 import GridRepCollection from '~components/GridRepCollection'
 import FilterBar from '~components/FilterBar'