admin/hspguard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: profile picture fetching through guard service

Browse Source
This commit is contained in:
Amir Adal
2025-05-29 19:51:15 +02:00
parent 41c3dfdfe4
commit d9ca1ce2b4
7 changed files with 57 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/Home/Tabs/Home.tsx
View File

@ -1,6 +1,6 @@
import { Button } from "@/components/ui/button";
import Avatar from "@/feature/Avatar";
import { useAuth } from "@/store/auth";
import { User } from "lucide-react";
import { type FC } from "react";
const Home: FC = () => {
@ -10,15 +10,7 @@ const Home: FC = () => {
return (
<div className="flex flex-col items-center gap-2 p-7">
<div className="w-24 h-24 sm:w-36 sm:h-36 overflow-hidden rounded-full flex items-center justify-center bg-gray-300">
{profile?.profile_picture ? (
<img
className="w-full h-full object-cover"
src={profile.profile_picture}
alt="profile pic"
/>
) : (
<User size={64} />
)}
<Avatar iconSize={64} />
</div>
<h1 className="dark:text-gray-200 text-gray-800 text-2xl select-none">
Welcome, {profile?.full_name}

7
web/src/components/Home/Tabs/PersonalInfo.tsx
View File

@ -1,3 +1,4 @@
import Avatar from "@/feature/Avatar";
import { ChevronRight } from "lucide-react";
import { type FC } from "react";
@ -35,11 +36,7 @@ const PersonalInfo: FC = () => {
</div>
<div>
<div className="w-16 h-16 overflow-hidden rounded-full dark:bg-gray-400 bg-gray-700">
<img
className="w-full h-full"
src="http://192.168.178.69:9000/guard-storage/profile_eff00028-2d9e-458d-8944-677855edc147_1748099702417601900.jpg"
alt="profile pic"
/>
<Avatar iconSize={12} />
</div>
</div>
</div>