src/app_modules/_global/component/new/comp_set_inner_html.tsx

@@ -1,12 +1,12 @@
 import { MainColor } from "../../color";
 
-export function Comp_DangerouslySetInnerHTML({
+export const Comp_DangerouslySetInnerHTML= ({
   props,
   color,
 }: {
   props: string | undefined;
   color?: string;
-}) {
+}) =>  {
   return (
     <>
       <div

src/app_modules/event/component/box_list_status.tsx

@@ -44,7 +44,7 @@ export default function ComponentEvent_BoxListStatus({
             </Text>
           </Group>
 
-          <Text c={MainColor.white} fz={"sm"} lineClamp={2}>
+          <Text c={MainColor.white} fz={"sm"} lineClamp={4}>
             <Comp_DangerouslySetInnerHTML props={data.deskripsi} />
           </Text>
         </Stack>

src/app_modules/event/component/card_view/card_beranda.tsx

@@ -43,7 +43,7 @@ export function ComponentEvent_CardBeranda({ data }: { data: any }) {
               </Text> */}
             </Group>
 
-            <Text c={MainColor.white} fz={"sm"} lineClamp={2}>
+            <Text c={MainColor.white} fz={"sm"} lineClamp={4}>
               <Comp_DangerouslySetInnerHTML props={data.deskripsi} />
             </Text>
           </Stack>

src/app_modules/event/component/card_view/card_riwayat.tsx

@@ -43,7 +43,7 @@ export function ComponentEvent_CardRiwayat({ data }: { data: MODEL_EVENT }) {
               </Text>
             </Group>
 
-            <Text fz={"sm"} lineClamp={2}>
+            <Text fz={"sm"} lineClamp={4}>
               <Comp_DangerouslySetInnerHTML props={data.deskripsi}/>
             </Text>
           </Stack>