close in-person and add view-all button to speakers

Author: MoeeinAali

Diff for: frontend/src/app/dashboard/posterSession/PosterSessionForm.tsx

@@ -111,16 +111,16 @@ export default function PosterSessionForm(props: IPosterSessionForm) {
         <div className="flex items-start gap-6 self-stretch max-md:flex-col">
           <div className="flex flex-[1_0_0] flex-col items-start gap-2 self-stretch">
             <label className="text-base font-medium uppercase not-italic leading-[normal] tracking-[.64px] text-[#8A8998]">
-              Upload File 
+              Upload File
             </label>
             <p className="text-sm tracking-[0.64px] text-[#8A8998]">
               Supported format: <strong>.pdf</strong> (Max: 10MB)
             </p>
             <div>
               <button
-              disabled = {true}
+                disabled={true}
                 onClick={handleClick}
-                className="flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-white shadow-md transition opacity-70"
+                className="flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-white opacity-70 shadow-md transition"
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
@@ -140,7 +140,7 @@ export default function PosterSessionForm(props: IPosterSessionForm) {
               </button>
 
               <input
-                disabled = {true}
+                disabled={true}
                 type="file"
                 accept={'application/pdf'}
                 ref={fileInputRef}
@@ -174,7 +174,10 @@ export default function PosterSessionForm(props: IPosterSessionForm) {
           </div>
         </div>
 
-        <button disabled={true} className="mb-8 flex h-[72px] items-center justify-center gap-2.5 self-stretch rounded-lg bg-primary px-8 py-0 text-xl font-bold not-italic leading-[normal] tracking-[-0.2px] text-white opacity-70">
+        <button
+          disabled={true}
+          className="mb-8 flex h-[72px] items-center justify-center gap-2.5 self-stretch rounded-lg bg-primary px-8 py-0 text-xl font-bold not-italic leading-[normal] tracking-[-0.2px] text-white opacity-70"
+        >
           Update Poster File
         </button>
       </form>

Diff for: frontend/src/app/dashboard/register/AttendanceInfo.tsx

@@ -120,39 +120,46 @@ export default function AttendanceInfo({
           MODE OF ATTENDANCE
           <div
             className={
-              'mt-2 flex flex-row items-center gap-x-6 text-lg font-semibold text-darkslategray-100 max-md:flex-col max-md:items-start'
+              'mt-2 flex flex-row items-start gap-x-6 text-lg font-semibold text-darkslategray-100 max-md:flex-col max-md:items-start'
             }
           >
             {modesOfAttendance.map((modeOfAttendance) =>
               modeOfAttendance.id !== ID_OF_LAUNCH ? (
-                <label
+                <span
                   key={modeOfAttendance.id}
-                  className={`flex items-center gap-x-2 ${
-                    modeOfAttendance.name.includes('Person')
-                      ? 'line-through opacity-60'
-                      : ''
-                  }`}
+                  className={'flex flex-col items-center justify-center'}
                 >
-                  <input
-                    type={'radio'}
-                    id={modeOfAttendance.name}
-                    name={'modeOfAttendance'}
-                    value={modeOfAttendance.id}
-                    disabled={
-                      modesOfAttendance[selectedModeIndex]?.paid ||
+                  <label
+                    className={`flex items-center gap-x-2 ${
                       modeOfAttendance.name.includes('Person')
-                    }
-                    defaultChecked={
-                      modesOfAttendance[selectedModeIndex]?.id ===
-                      modeOfAttendance.id
-                    }
-                    onChange={onModeChange}
-                  />
-                  <span>
-                    {modeOfAttendance.name} -{' '}
-                    {(modeOfAttendance.price ?? 0).toLocaleString()} Tooman
-                  </span>
-                </label>
+                        ? 'line-through opacity-60'
+                        : ''
+                    }`}
+                  >
+                    <input
+                      type={'radio'}
+                      id={modeOfAttendance.name}
+                      name={'modeOfAttendance'}
+                      value={modeOfAttendance.id}
+                      disabled={
+                        modesOfAttendance[selectedModeIndex]?.paid ||
+                        modeOfAttendance.name.includes('Person')
+                      }
+                      defaultChecked={
+                        modesOfAttendance[selectedModeIndex]?.id ===
+                        modeOfAttendance.id
+                      }
+                      onChange={onModeChange}
+                    />
+                    <span>
+                      {modeOfAttendance.name} -{' '}
+                      {(modeOfAttendance.price ?? 0).toLocaleString()} Tooman
+                    </span>
+                  </label>
+                  {modeOfAttendance.name.includes('Person') && (
+                    <span>Capacity is full</span>
+                  )}
+                </span>
               ) : null,
             )}
           </div>

Diff for: frontend/src/ui/landing/seminar/SeminarHeader.tsx

@@ -2,14 +2,15 @@ import React from 'react';
 import PreArrow from './assets/pre arrow.svg';
 import NextArrow from './assets/next arrow.svg';
 import NextPreButton from './NextPreButton';
+import ViewAllButton from './ViewAllButton';
 
 export default function SeminarHeader() {
   return (
-    <div className={'flex items-center justify-between px-32 pt-20'}>
-      <div>
+    <div className={'flex items-center justify-between px-32 pt-6 '}>
+      <div className={''}>
         <div
           className={
-            'font-manrope text-left text-lg font-medium uppercase text-white/60'
+            'font-manrope text-left text-lg font-medium uppercase text-white/60 '
           }
         >
           Unveiling the Frontiers of Knowledge
@@ -18,6 +19,8 @@ export default function SeminarHeader() {
           Speakers
         </div>
       </div>
+
+      <ViewAllButton text={'View All'} />
       {/*<div className={'flex'}>*/}
       {/*  <NextPreButton src={PreArrow} direction={'pre'} />*/}
       {/*  <NextPreButton src={NextArrow} direction={'next'} className={'ml-4'} />*/}

Diff for: frontend/src/ui/landing/seminar/SeminarLine.tsx

@@ -5,7 +5,7 @@ import { Speaker } from '../../../lib/types';
 
 export default function SeminarLine({ speakers }: { speakers: Speaker[] }) {
   return (
-    <Marquee /*className={'flex flex-wrap items-center justify-center'}*/>
+    <Marquee>
       {speakers.map((speaker, index) => (
         <SeminarCard key={index} speaker={speaker} />
       ))}

Diff for: frontend/src/ui/landing/seminar/ViewAllButton.tsx

@@ -13,7 +13,7 @@ export default function ViewAllButton({
     <Link
       href={'/seminars'}
       className={
-        'font-manrope m-auto mb-3 flex w-fit items-center justify-center rounded-md bg-white px-8 py-5 text-lg font-bold hover:bg-whitesmoke'
+        'font-manrope flex w-fit items-center justify-center rounded-md bg-white px-8 py-5 text-lg font-bold hover:bg-whitesmoke '
       }
     >
       <div>{text}</div>