userprofile page has downgraded to life v1.0

packages/web/src/pages/user/index.tsx

@@ -1,7 +1,4 @@
 import React, { useEffect, useState } from 'react';
-import { Button } from '@components/Button';
-import { Navbar } from '@components/MainNavbar';
-import { ProfilePost } from '@components/ProfilePost';
 import { useRouter } from 'next/dist/client/router';
 import {
   GetUserByNameDocument,
@@ -10,8 +7,6 @@ import {
   User,
 } from '@oasis/client-gql';
 import { useQuery } from '@apollo/client';
-import { Footer } from '@components/Footer';
-import Link from 'next/link';
 
 const Profile: React.FC = () => {
   const router = useRouter();
@@ -40,108 +35,15 @@ const Profile: React.FC = () => {
 
   // User exists
   if (user !== undefined) {
-    return (
-      <>
-        <Navbar />
-        <div className="grid justify-items-center mt-12">
-          <div className="sm:flex">
-            <img
-              className="w-20 h-20 rounded-full mx-auto mb-4"
-              src="https://cdn.discordapp.com/avatars/688469813261238400/69b0be635133edd248750c754fb73661.png?size=128"
-              alt="user-pfp"
-            />
-            <div>
-              <div className="flex ml-8">
-                <p className="text-lg font-bold mr-1.5">{user?.name}</p>
-                <p className="text-gray-300">@{user?.username}</p>
-              </div>
-              <div className="flex mt-2.5 ml-8 space-x-4">
-                <p className="text-gray-300">
-                  <span className="font-bold text-gray-100">12</span> followers
-                </p>
-                <p className="text-gray-300">
-                  <span className="font-bold text-gray-100">64</span> following
-                </p>
-                <img
-                  src="/static/twitter.svg"
-                  alt="twitter"
-                  width="14px"
-                  height="11.2px"
-                />
-              </div>
-
-              <div className="flex ml-8 mt-4 mb-14">
-                <Button className="mr-2" color="gray" size="xs">
-                  Follow
-                </Button>
-                <Button color="gray" size="xs">
-                  Message
-                </Button>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div className="flex justify-center sm:block sm:max-w-2xl sm:w-full mx-auto">
-          <div className="ml-8 mr-8 sm:ml-0 sm:mr-0">
-            <h4 className="mb-8">Posts</h4>
-            <ProfilePost
-              avatarUrl="https://cdn.discordapp.com/avatars/688469813261238400/69b0be635133edd248750c754fb73661.png?size=128"
-              name="Kevy Devy"
-              atTag="coderinblack"
-              quotes="12"
-              likes="1.2k"
-              replies="32"
-              message="What’s poppin everyone!!! @Oasis is the bomb!"
-            />
-            <ProfilePost
-              avatarUrl="https://cdn.discordapp.com/avatars/688469813261238400/69b0be635133edd248750c754fb73661.png?size=128"
-              name="Kevy Devy"
-              atTag="coderinblack"
-              quotes="12"
-              likes="1.2k"
-              replies="32"
-              message="What’s poppin everyone!!! @Oasis is the bomb!"
-            />
-          </div>
-        </div>
-      </>
-    );
+    return <div></div>;
   } else if (isLoading) {
     return (
       <>
         <h1>Loading...</h1>
       </>
     );
   } else {
-    return (
-      <>
-        <div className="max-w-5xl mx-auto px-8">
-          <Navbar />
-        </div>
-        <div
-          className="flex h-full absolute"
-          style={{
-            top: '50%',
-            left: '50%',
-            transform: 'translate(-50%, -50%)',
-          }}
-        >
-          <div className="m-auto text-center">
-            <h1>User Not Found</h1>
-            <p className="text-gray-300 text-lg mt-4">
-              Oh no! That user doesn’t exist... <br />
-              <Button className="mt-4">
-                <Link href="/">
-                  <a>Home</a>
-                </Link>
-              </Button>
-            </p>
-          </div>
-        </div>
-        <Footer />
-      </>
-    );
+    return <div></div>;
   }
 };