From bac4d8654cdef69a165543108865bd81e6c2a302 Mon Sep 17 00:00:00 2001 From: Daniel Medina Date: Sun, 11 Sep 2022 08:35:49 -0500 Subject: [PATCH] :lipstick: Improved user page UI --- pages/user/[id].tsx | 45 ++++++++++++++++++++++++++++----------------- 1 file changed, 28 insertions(+), 17 deletions(-) diff --git a/pages/user/[id].tsx b/pages/user/[id].tsx index 9be1d30..53120d0 100644 --- a/pages/user/[id].tsx +++ b/pages/user/[id].tsx @@ -1,10 +1,12 @@ -import React, { useEffect } from "react"; -import { useRouter } from "next/router"; import Head from "next/head"; -import Navbar from "../../components/Navbar"; +import Image from "next/image"; import { MongoClient } from "mongodb"; +import { useRouter } from "next/router"; +import React, { useEffect } from "react"; +import Navbar from "../../components/Navbar"; import { getSession } from "next-auth/react"; -import { GetServerSideProps, GetServerSidePropsContext } from "next"; +import src from "../../images/trees.jpeg"; +import { GetServerSidePropsContext } from "next"; type Props = { message: string; @@ -25,26 +27,35 @@ const User = ({ message, user, error }: Props) => { return ( <> -
+
{user?.name} | dnrm - {!error ? ( -
-
- +
+ hi +
+
+ {!error ? ( +
+
+ Profile picture +
+

+ {user?.name} +

+

{user.bio || "No bio yet..."}

+ ) : (

- {user?.name} + user not found

-

{user.bio || "No bio yet..."}

-
- ) : ( -

- user not found -

- )} + )} +
);