remove like button & add wide Wave

UTDNebula · Apr 27, 2024 · af31ce6 · af31ce6
1 parent 825c73c
commit af31ce6
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 90 deletions.
diff --git a/src/app/directory/[id]/page.tsx b/src/app/directory/[id]/page.tsx
@@ -1,10 +1,8 @@
-import ClubDocuments from '@src/components/ClubDocuments';
 import Header from '@src/components/BaseHeader';
 import OrgHeader from '@src/components/OrgHeader';
 import OrgInfoSegment from '@src/components/OrgInfoSegment';
 import OrgUpcomingEvents from '@src/components/OrgUpcomingEvents';
 import { api } from '@src/trpc/server';
-import { PlusIcon } from '@src/icons/Icons';
 import { db } from '@src/server/db';
 import { eq } from 'drizzle-orm';
 import { type Metadata } from 'next';
@@ -21,14 +19,6 @@ const OrganizationPage = async ({ params }: { params: { id: string } }) => {
         <OrgHeader club={club} />
         <OrgInfoSegment club={club} />
         <OrgUpcomingEvents clubId={club.id} />
-        <ClubDocuments />
-        <div className="flex h-full w-full flex-row items-center justify-between rounded-lg bg-blue-100 px-14 py-7">
-          <div className="text-lg font-bold text-blue-primary">Promo text</div>
-          <button className="flex w-fit flex-row items-center justify-center rounded-3xl bg-blue-primary py-2.5 pl-5 pr-6 text-center text-xs font-extrabold text-white transition-colors hover:bg-blue-700">
-            <PlusIcon />
-            <div>Apply</div>
-          </button>
-        </div>
       </div>
     </main>
   );

diff --git a/src/components/ClubDocuments.tsx b/src/components/ClubDocuments.tsx
diff --git a/src/components/DirectoryOrgs.tsx b/src/components/DirectoryOrgs.tsx
@@ -2,7 +2,6 @@ import { type FC } from 'react';
 import Image from 'next/image';
 import type { SelectClub as Club } from '@src/server/db/models';
 import JoinButton from './JoinButton';
-import LikeButton from './LikeButton';
 import Link from 'next/link';
 import { type Session } from 'next-auth';
 
@@ -25,11 +24,6 @@ const OrgDirectoryCards: FC<Props> = ({ club, session, priority }) => {
           priority={priority}
           className="select-none object-cover"
         />
-        <div className="absolute left-2 right-2 top-2 flex h-fit flex-row items-center space-x-2">
-          <button className="ml-auto rounded-full bg-black bg-opacity-50 p-1.5 font-bold text-white transition-colors">
-            <LikeButton />
-          </button>
-        </div>
       </div>
       <div className="flex flex-col space-y-2 p-6">
         <h1 className="line-clamp-1 text-2xl font-medium text-slate-800 md:text-xl">

diff --git a/src/components/LikeButton.tsx b/src/components/LikeButton.tsx
diff --git a/src/components/OrgHeader.tsx b/src/components/OrgHeader.tsx
@@ -6,7 +6,6 @@ import type {
 } from '@src/server/db/models';
 import JoinButton from './JoinButton';
 import { getServerAuthSession } from '@src/server/auth';
-import LikeButton from './LikeButton';
 import Link from 'next/link';
 import { api } from '@src/trpc/server';
 
@@ -21,10 +20,14 @@ const OrgHeader = async ({ club }: { club: Club }) => {
     <div className="relative">
       <div className="h-full w-full">
         <Image
-          src={club.image}
+          src={'/images/wideWave.jpg'}
           alt="Picture of the club"
-          width={400}
+          style={{
+            width: '100%',
+            height: 'auto',
+          }}
           height={150}
+          width={450}
           className="rounded-lg object-cover"
           priority
         />
@@ -70,12 +73,6 @@ const OrgHeader = async ({ club }: { club: Club }) => {
                   clubID={club.id}
                   isJoined={memberType !== undefined}
                 />
-                <button
-                  className="rounded-full bg-blue-primary p-2.5 transition-colors hover:bg-blue-700"
-                  type="button"
-                >
-                  <LikeButton />
-                </button>
               </>
             )}
             <ContactButtons contacts={club.contacts || []} />