shafin808s/examjam-frontend
1
0
Fork 0
generated from muhtadeetaron/nextjs-template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): add verified badge to header

Browse Source
This commit is contained in:
shafin-r
2025-09-08 14:30:01 +06:00
parent 53a2228dc9
commit 4042e28bf7
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/Header.tsx
View File

@ -2,7 +2,7 @@
import React from "react"; import React from "react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { ChevronLeft, Layers } from "lucide-react"; import { BadgeCheck, ChevronLeft, Layers } from "lucide-react";
import styles from "@/css/Header.module.css"; import styles from "@/css/Header.module.css";
import { Avatar, AvatarFallback } from "@/components/ui/avatar"; import { Avatar, AvatarFallback } from "@/components/ui/avatar";
import { useModal } from "@/context/ModalContext"; import { useModal } from "@/context/ModalContext";
@ -58,8 +58,9 @@ const Header = ({
)} )}
</AvatarFallback> </AvatarFallback>
</Avatar> </Avatar>
<span className="text-md font-bold text-white"> <span className="text-md font-bold text-white flex items-center gap-2">
Hello, {user?.username ? user.username.split(" ")[0] : "User"} Hello, {user?.username ? user.username.split(" ")[0] : "User"}{" "}
<BadgeCheck size={20} color="white" />
</span> </span>
</div> </div>
)} )}