Hackathons/Bitcamp-2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Another Profile Update

Browse Source
This commit is contained in:
GamerBoss101
2025-04-13 03:41:10 -04:00
parent 6c92afd481
commit beeac6b64a
1 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/(app)/profile/page.tsx
View File

@@ -5,10 +5,15 @@ import { useDevice } from "@/lib/context/DeviceContext";
function Mobile() { function Mobile() {
const { isAuthenticated, session } = useDevice(); const { isAuthenticated, session } = useDevice();
const [bio, setBio] = useState(session?.bio || "");
const [bio, setBio] = useState(""); useEffect(() => {
if (session) {
setBio(session.bio || "");
}
}, [session]);
function handleBioSubmit(e: React.FormEvent) { function handleSubmit(e: React.FormEvent) {
e.preventDefault(); e.preventDefault();
if (bio.length > 0) { if (bio.length > 0) {
const formData = new FormData(); const formData = new FormData();
@@ -29,11 +34,11 @@ function Mobile() {
return ( return (
<div className="px-6 py-10 max-w-full lg:max-w-1/2 mx-auto font-sans text-neutral-100"> <div className="px-6 py-10 max-w-full lg:max-w-1/2 mx-auto font-sans text-neutral-100">
<div className="bg-[color:var(--color-surface-600)]/70 backdrop-blur-md rounded-xl px-6 py-5 my-6 shadow-sm"> <div className="bg-[color:var(--color-surface-600)]/70 backdrop-blur-md rounded-xl px-6 py-5 my-6 shadow-sm">
<h1 className="text-2xl sm:text-3xl font-bold tracking-[-.01em] text-center sm:text-left"> <h1 className="text-2xl sm:text-3xl font-bold tracking-[-.01em] text-center">
Hi, {session?.username || ""}!! Hi, {session?.username || ""}!!
</h1> </h1>
<div className="flex flex-col items-center mt-6"> <div className="flex flex-col items-center mt-6 my-4">
{isAuthenticated && ( {isAuthenticated && (
<img <img
src={"/avatar/p" + session?.avatar + ".png"} src={"/avatar/p" + session?.avatar + ".png"}
@@ -45,24 +50,23 @@ function Mobile() {
<p className="text-sm text-gray-400 mt-2">{uploadMessage}</p> <p className="text-sm text-gray-400 mt-2">{uploadMessage}</p>
)} */} )} */}
</div> </div>
</div>
<p className="mb-6">{bio || "No bio yet..."}</p> <form onSubmit={handleSubmit} className="mb-6 space-y-2">
<form onSubmit={handleBioSubmit} className="mb-6 space-y-2">
<textarea <textarea
className="w-full p-2 rounded bg-neutral-800 text-white" className="w-full p-2 rounded bg-neutral-800 text-white"
onChange={(e) => setBio(e.target.value)} onChange={(e) => setBio(e.target.value)}
value={bio || ""}
placeholder="Update your bio..." placeholder="Update your bio..."
rows={3} rows={3}
/> />
<button <button
type="submit" type="submit"
className="px-4 py-2 bg-success-600 text-white rounded" className="w-full px-4 py-2 bg-success-600 text-white rounded"
> >
Save Bio Save Bio
</button> </button>
</form> </form>
</div>
{/* Friends */} {/* Friends */}
<div className="bg-[color:var(--color-surface-600)] rounded-xl px-6 py-5 my-6 shadow-md"> <div className="bg-[color:var(--color-surface-600)] rounded-xl px-6 py-5 my-6 shadow-md">
@@ -116,7 +120,6 @@ function Web() {
); );
} }
export default function ProfilePage() { export default function ProfilePage() {
const { isMobile, isSafari } = useDevice(); const { isMobile, isSafari } = useDevice();
if (isMobile && isSafari) return Mobile(); if (isMobile && isSafari) return Mobile();