Merge pull request #241 from ahsanzizan/main

fix(frontend): Add photo description to organisasi page, Remove red b…
mokletdev · Jul 10, 2024 · a5327e2 · a5327e2
2 parents 0b7c50e + b5267af
commit a5327e2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/src/app/(main)/organisasi/[period]/[slug]/components/parts/Gallery.tsx b/src/app/(main)/organisasi/[period]/[slug]/components/parts/Gallery.tsx
@@ -1,24 +1,27 @@
 import Image from "@/app/_components/global/Image";
-import { H2 } from "@/app/_components/global/Text";
+import { H2, P } from "@/app/_components/global/Text";
 import { SectionWrapper } from "@/app/_components/global/Wrapper";
 
 export default function OrgGallery({
   image,
   organisasi_name,
   period,
+  image_description,
 }: {
   image: string;
   organisasi_name: string;
   period: string;
+  image_description: string;
 }) {
   return (
     <SectionWrapper id="gallery">
       <div className="flex flex-col gap-[54px] w-full">
         <div className="flex justify-between flex-col lg:flex-row items-start lg:items-center gap-[18px] lg:gap-[52px]">
-          <div className="max-w-full">
+          <div className="w-full flex flex-col md:flex-row gap-4 md:items-center justify-between">
             <H2 className="mb-0">
               Photo of {organisasi_name} {period.replace(/-/, " / ")}
             </H2>
+            <P className="max-w-full md:max-w-[40%]">{image_description}</P>
           </div>
         </div>
         <div className="flex gap-[18px] flex-col lg:flex-row items-center">

diff --git a/src/app/(main)/organisasi/[period]/[slug]/components/parts/Overview.tsx b/src/app/(main)/organisasi/[period]/[slug]/components/parts/Overview.tsx
@@ -24,7 +24,7 @@ export default function Overview({
                 alt={`Logo ${organisasi_name}`}
                 width={106}
                 height={106}
-                className="rounded-full border-primary-500 w-[100px] h-[100px] md:w-[120px] md:h-[120px] object-cover border-2"
+                className="rounded-full w-[100px] h-[100px] md:w-[120px] md:h-[120px] object-cover border-2"
               />
               <P className="px-4 py-3 border-neutral-500 border rounded-full w-[50%] md:w-[20%] text-center h-fit">
                 Periode {period.replace(/-/, " / ")}

diff --git a/src/app/(main)/organisasi/[period]/[slug]/page.tsx b/src/app/(main)/organisasi/[period]/[slug]/page.tsx
@@ -54,6 +54,7 @@ export default async function Organ({
         image={organisasi.image}
         organisasi_name={organisasi.organisasi}
         period={period.period}
+        image_description={organisasi.image_description}
       />
       <RelatedNews data={relatedNews} orgName={organisasiType} />
       <Contact data={organisasi} />