diff --git a/src/components/dashboard/loan-follow-up/index.jsx b/src/components/dashboard/loan-follow-up/index.jsx index e69147e..e05fa20 100644 --- a/src/components/dashboard/loan-follow-up/index.jsx +++ b/src/components/dashboard/loan-follow-up/index.jsx @@ -1,16 +1,177 @@ import CenterLayout from "@/layouts/CenterLayout"; import DashboardLayouts from "@/layouts/dashboardLayouts"; import useUser from "@/lib/app/hooks/useUser"; +import ExpandMoreIcon from "@mui/icons-material/ExpandMore"; +import { + Avatar, + Box, + Card, + CardActions, + CardContent, + CardHeader, + Collapse, + Grid, + IconButton, + Stack, + Typography, +} from "@mui/material"; +import { styled } from "@mui/material/styles"; import { useTranslations } from "next-intl"; -import React from "react"; +import { useState } from "react"; + +const ExpandMore = styled((props) => { + const { expand, ...other } = props; + return ; +})(({ theme, expand }) => ({ + transform: !expand ? "rotate(0deg)" : "rotate(180deg)", + marginLeft: "auto", + transition: theme.transitions.create("transform", { + duration: theme.transitions.duration.shortest, + }), +})); const DashboardLoanFollowUpComponent = () => { const t = useTranslations(); const { token } = useUser(); + + const [expanded, setExpanded] = useState(false); + + const handleExpandClick = () => { + setExpanded(!expanded); + }; + return ( -

چه کشکی چه پشمی

+ + + + + + } + title="اسم اقاهه" + subheader="تاریخ اگه خواستیم" + /> + + + متن تست + + + + + + + + + + اطلاعات تکمیلی: + پارت دوم متن تست + پارت سه همون قبلی + در ادامه باید بگم که... + درپایان همینه که هست + + + + + + + + } + title="اسم اقاهه" + subheader="تاریخ اگه خواستیم" + /> + + + متن تست + + + + + + + + + + اطلاعات تکمیلی: + پارت دوم متن تست + پارت سه همون قبلی + در ادامه باید بگم که... + درپایان همینه که هست + + + + + + + + } + title="اسم اقاهه" + subheader="تاریخ اگه خواستیم" + /> + + + متن تست + + + + + + + + + + اطلاعات تکمیلی: + پارت دوم متن تست + پارت سه همون قبلی + در ادامه باید بگم که... + درپایان همینه که هست + + + + + +
);