# style:

- UI Investasi
- UI Donasi
## No issue

src/app_modules/investasi/portofolio/draft.tsx

@@ -22,6 +22,7 @@ import _ from "lodash";
 import ComponentInvestasi_IsEmptyData from "../component/is_empty_data";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
 import { AccentColor } from "@/app_modules/_global/color/color_pallet";
+import { ComponentInvestasi_CardStatus } from "../component/detail/card_status";
 
 export default function Draft({ data }: { data: MODEL_Investasi[] }) {
   const router = useRouter();
@@ -38,44 +39,14 @@ export default function Draft({ data }: { data: MODEL_Investasi[] }) {
     <>
       {/* <pre> {JSON.stringify(data,null, 2)}</pre> */}
       {data.map((e) => (
-        <Paper
-          key={e.id}
-          onClick={() => router.push(RouterInvestasi.detail_draft + `${e.id}`)}
-          style={{
-            padding: "15px",
-            backgroundColor: AccentColor.darkblue,
-            borderRadius: "10px",
-            border: `2px solid ${AccentColor.blue}`,
-            color: "white",
-            marginBottom: "15px",
-          }}
-        >
-          <Grid>
-            <Grid.Col span={8}>
-              <Text fw={"bold"}> {_.capitalize(e.title)}</Text>
-              <Stack spacing={0}>
-                <Text fz={10}>Target Dana:</Text>
-                <Text>
-                  Rp.{" "}
-                  {new Intl.NumberFormat("id-ID", {
-                    maximumSignificantDigits: 10,
-                  }).format(+e.targetDana)}
-                </Text>
-              </Stack>
-            </Grid.Col>
+         <Box key={e.id}>
+          <ComponentInvestasi_CardStatus
+            data={e}
+            path={RouterInvestasi.detail_draft}
+          />
+        </Box>
 
-            <Grid.Col span={4}>
-              <AspectRatio ratio={16 / 9}>
-                <Paper radius={"md"}>
-                  <Image
-                    alt=""
-                    src={RouterInvestasi.api_gambar + `${e.imagesId}`}
-                  />
-                </Paper>
-              </AspectRatio>
-            </Grid.Col>
-          </Grid>
-        </Paper>
+       
       ))}
     </>
   );