1- import React from "react" ;
1+ "use client" ;
2+
3+ import React , { useState } from "react" ;
24import Image from "next/image" ;
35import { Button } from "@/components/ui/button" ;
46import { AtSign , GraduationCap , MoveRight , University } from "lucide-react" ;
@@ -25,13 +27,13 @@ const schema = z.object({
2527 IdCard : z . string ( ) ,
2628} ) ;
2729
28- const SeminarPage = ( ) => {
29- // const [isSeminar, setIsSeminar ] = useState<boolean>();
30+ const ProfilePage = ( ) => {
31+ const [ isEvent , setIsEvent ] = useState < boolean > ( false ) ;
3032 const form = useForm ( {
3133 resolver : zodResolver ( schema ) ,
3234 } ) ;
3335
34- const Seminar = ( ) => {
36+ const Event = ( ) => {
3537 return (
3638 < >
3739 { Array . from ( { length : 3 } ) . map ( ( _ , index ) => {
@@ -122,20 +124,26 @@ const SeminarPage = () => {
122124 </ div >
123125 </ div >
124126 < div className = "flex items-center gap-5" >
125- < Button className = "bg-[#F4F7FD] text-[#4084F3] rounded-full hover:bg-[#F4F7FD]/90 cursor-pointer hover:text-[#4084F3]/90" >
127+ < Button
128+ className = "bg-[#F4F7FD] text-[#4084F3] rounded-full hover:bg-[#F4F7FD]/90 cursor-pointer hover:text-[#4084F3]/90"
129+ onClick = { ( ) => setIsEvent ( true ) }
130+ >
126131 Event
127132 </ Button >
128- < Button className = "bg-transparent text-black rounded-full hover:bg-transparent cursor-pointer" >
133+ < Button
134+ className = "bg-transparent text-black rounded-full hover:bg-transparent cursor-pointer"
135+ onClick = { ( ) => setIsEvent ( false ) }
136+ >
129137 Edit Profile
130138 </ Button >
131139 </ div >
132140 </ div >
133141 < div className = "w-full h-full bg-[#F9F9F9] flex gap-5 px-20 items-center" >
134- < Seminar />
142+ { isEvent ? < Event /> : < EditProfile /> }
135143 </ div >
136144 </ div >
137145 </ div >
138146 ) ;
139147} ;
140148
141- export default SeminarPage ;
149+ export default ProfilePage ;
0 commit comments