asked UI changes

mrswastik-robot · Apr 20, 2024 · 610a1ac · 610a1ac
1 parent 3b689db
commit 610a1ac
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 16 deletions.
diff --git a/app/EventDetailsPage/[eventTitle]/page.tsx b/app/EventDetailsPage/[eventTitle]/page.tsx
@@ -358,7 +358,8 @@ const EventDetailsPage = ({ params: { eventTitle } }: Props) => {
                 </div>
             </div> */}
 
-            <div className='flex gap-10'>
+            <div className='md:flex gap-10 md:justify-between flex-row'>
+
             <div className=' p-4 space-y-3 mt-4'>
                 <h1 className=' font-bold'>Date and Time</h1>
                 <div className=' flex gap-3'>
@@ -393,22 +394,26 @@ const EventDetailsPage = ({ params: { eventTitle } }: Props) => {
                 </div>
             </div>
             </div>
+
+            <div>
+              <h1 className='font-bold  px-4 my-3 mt-7 text-lg'>About this event</h1>
+              <div className='px-4 flex gap-2'><span><Clock/></span><div>{eventObject.durationOfEvent} hours</div></div>
+
             </div>
 
-            {/* Description of the Event */}
-            <h1 className='font-bold  px-4 my-3 mt-7 text-lg'>About this event</h1>
-            <div className='px-4 flex gap-2'><span><Clock/></span><div>{eventObject.durationOfEvent} hours</div></div>
-            <div className='font-medium px-4 my-3 mt-5'>
-                <div className=''>
-                    <p className=' text-base'>{eventObject.description && parse(eventObject.description)}</p>
-                </div>
             </div>
 
+            <div className=' font-medium px-4 my-3 mt-7'>
+                  <div className=''>
+                      <p className=' text-lg'>{eventObject.description && parse(eventObject.description)}</p>
+                  </div>
+              </div>
 
 
+
             <div className='p-4 mt-4'>
               <div className=' flex gap-4'>
-                <Badge>
+                <Badge className=' p-2'>
                 <div className=' text-xl font-bold'>Registration Link :</div>
                 </Badge>
                 <p className=' text-blue-400 underline cursor-pointer text-lg mt-1'>{eventObject.registrationLink}</p>
@@ -505,7 +510,9 @@ const EventDetailsPage = ({ params: { eventTitle } }: Props) => {
 
 
         </div>
-       <div className="w-[21.3rem]">
+
+
+       <div className="w-[21.3rem] sticky top-[4.2rem] h-fit">
         <div className=' sm:block hidden col-span-2 sticky overflow-hidden h-fit rounded-lg border border-gray-300 order-last'>
         <Card x-chunk="dashboard-01-chunk-5">
             <CardHeader>
@@ -534,6 +541,7 @@ const EventDetailsPage = ({ params: { eventTitle } }: Props) => {
             </CardContent>
           </Card>
         </div>
+
         <div className='mt-3 sm:block hidden col-span-2 sticky overflow-hidden h-fit rounded-lg border border-gray-300'>
         <Card x-chunk="dashboard-01-chunk-5">
             <CardHeader>
@@ -561,6 +569,22 @@ const EventDetailsPage = ({ params: { eventTitle } }: Props) => {
             </CardContent>
           </Card>
         </div>
+
+        <div className='mt-3 sm:block hidden col-span-2 sticky overflow-hidden h-fit rounded-lg border border-gray-300'>
+          <Card x-chunk="dashboard-01-chunk-5">
+              <CardHeader>
+                <CardTitle>Register</CardTitle>
+              </CardHeader>
+              <CardContent className="">
+                <p className=' text-base'>Register for this event on a single click</p>
+                <div className=' flex items-end justify-end mt-4'>
+                  <Button className=''>Register</Button>
+                </div>
+              </CardContent>
+          </Card>
+        </div>
+
+
         </div>
     </div>
   )

diff --git a/app/profilePage/page.tsx b/app/profilePage/page.tsx
@@ -552,10 +552,10 @@ useEffect(() => {
     </Tabs>
     </div>
 
-    {(postType=='normal'||postType=='anonymous'||postType=='answers')&&
+    {(postType=='normal'||postType=='anonymous'||postType=='answers'|| postType=='saved' || postType=='savedEvents' || postType == 'followers' || postType == "following") &&
       <div className="border-y-[1px] border-black border-opacity-15 py-2 flex justify-between items-center">
         <div className="font-[600] opacity-80 ml-2">
-        {postType=='normal'?<div>Posts</div>:postType=='anonymous'?<div>Anonymous</div>:postType=='answers'?<div>Answers</div>:<div>Coming Soon</div>}
+        {postType=='normal'?<div>Posts</div>:postType=='anonymous'?<div>Anonymous</div>:postType=='answers'?<div>Answers</div>:postType=='saved'?<div>Saved Posts</div>:postType=='savedEvents'?<div>Saved Events</div>:postType=='followers'?<div>Followers</div>:<div>Following</div>}
         </div>
         <div className="mr-2">
 

diff --git a/components/eventDetailsPage/eventCommentPost.tsx b/components/eventDetailsPage/eventCommentPost.tsx
@@ -28,15 +28,15 @@ const EventCommentPost = ({eventComment}: Props) => {
           key={eventComment.eventId}
           className="rounded-md bg-white dark:bg-[#262626] shadow my-3 space-y-0 break-words overflow-hidden" 
         >
-          <div className="px-6 py-5 ">
+          <div className="px-6 py-5">
             {/* <PostVoteClient
             //   postId={post.id}
             //   initialVotesAmt={_votesAmt}
             //   initialVote={_currentVote?.type}
             /> */}
 
-            <div className="w-0 flex-1">
-              <div className="flex max-h-40 mt-1 space-x-2 text-xs text-gray-500">
+            <div className="">
+              <div className="flex w-full max-h-40 mt-1 space-x-2 text-xs text-gray-500">
                 {/* <div> */}
                 <Avatar>
                   <div className=" relative w-full h-full aspect-square">
@@ -50,7 +50,7 @@ const EventCommentPost = ({eventComment}: Props) => {
                   <AvatarFallback>SP</AvatarFallback>
                 </Avatar>
                 {/* </div> */}
-                <span className="mt-3 text-sm font-semibold text-[#0c0c0c] dark:text-white">{eventComment.name}</span>{" "}
+                <span className="mt-3  text-sm font-semibold text-[#0c0c0c] dark:text-white">{eventComment.name}</span>
                 </div>
                 {/* {formatTimeToNow(new Date(post.createdAt))} */}
               </div>