Siddhesh.More/tanami-admin-panel
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases 2 Wiki Activity

Merge branch 'dev' of http://git.wdipl.com/Siddhesh.More/tanami-admin-panel into dev

Browse Source
This commit is contained in:
Siddhesh More
2024-06-28 15:16:13 +05:30
parent 5265aed4f8 131652882e
commit 20c577232c
10 changed files with 990 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
src/Components/InvestmentCard/InvestmentCard.jsx
View File

@@ -16,7 +16,7 @@ import { OPACITY_ON_LOAD } from "../../Layout/animations";
const InvestmentCard = ({ investment }) => {
return (
<Card
{...OPACITY_ON_LOAD}
{...OPACITY_ON_LOAD}
direction={{ base: "column", sm: "row" }}
variant="outline"
display={"flex"}
@@ -24,7 +24,7 @@ const InvestmentCard = ({ investment }) => {
mb={"20px"}
boxShadow={"md"}
border={"none"}
mt={2}
mt={2}
>
<Image
p={"14px"}
@@ -32,14 +32,14 @@ const InvestmentCard = ({ investment }) => {
objectFit="cover"
w={"200px"}
h={"140px"}
src={investment?.imgSrc}
alt={investment?.title}
src={investment?.banner_image}
alt={investment?.ioName}
/>
<Stack w={"38%"}>
<CardBody>
<Heading size="sm" fontWeight={"500"}>
{investment?.title}
{investment?.ioName}
<Badge
colorScheme={
investment?.status === "Available"
@@ -48,7 +48,10 @@ const InvestmentCard = ({ investment }) => {
? "green"
: "red"
}
ps={2} pe={2} pt={0.5} pb={0.5}
ps={2}
pe={2}
pt={0.5}
pb={0.5}
fontSize={"xs"}
ms={3}
>
@@ -60,75 +63,88 @@ const InvestmentCard = ({ investment }) => {
</Badge>
</Heading>
<Text fontSize="sm" mb={"4px"}>
Sponsor:{" "}
Sponsor:
<Text as={"span"} fontWeight={"600"}>
{investment?.sponsor}
</Text>{" "}
{investment?.sponserName}
</Text>
</Text>
<Text fontSize="sm" mb={"4px"}>
Ann return:{" "}
Ann return:
<Text as={"span"} fontWeight={"600"}>
{investment?.annReturn}
</Text>{" "}
{investment?.annualReturn}
</Text>
</Text>
<Text fontSize="sm" mb={"4px"}>
Ann Yield:{" "}
Ann Yield:
<Text as={"span"} fontWeight={"600"}>
{investment?.annYield}
</Text>{" "}
{investment?.annualyield}
</Text>
</Text>
<Text fontSize="sm" mb={"4px"}>
Tenure:
<Text as={"span"} fontWeight={"600"}>
{investment?.tenure}
</Text>
</Text>
<Text fontSize="sm" mb={"4px"}>
Quaterly:
<Text as={"span"} fontWeight={"600"}>
{investment?.quaterly}
</Text>
</Text>
</CardBody>
</Stack>
<Stack borderLeft={"1px solid #ccc"}>
<CardBody>
<Text fontSize="sm" mb={"4px"}>
Destributed Amount:
<Text as={"span"} fontWeight={"600"}>
{investment?.destributedAmount}
</Text>
</Text>
<Text fontSize="sm" mb={"4px"}>
Min.Invests:{" "}
Min.Invests:
<Text as={"span"} fontWeight={"600"}>
{investment?.minInvests}
</Text>{" "}
</Text>
</Text>
<Text fontSize="sm" mb={"4px"}>
Targ Close:{" "}
Targ Close:
<Text as={"span"} fontWeight={"600"}>
{investment?.targClose}
</Text>{" "}
{new Date(investment?.targetClose).toLocaleDateString()}
</Text>
</Text>
<Text fontSize="sm" mb={"4px"}>
Holding per:{" "}
Year:
<Text as={"span"} fontWeight={"600"}>
{investment?.holdingPer}
</Text>{" "}
{investment?.year}
</Text>
</Text>
</CardBody>
</Stack>
<Stack>
<CardBody>
<Box as="span" display={'flex'} justifyContent={'space-between'} mb={1}>
<Text fontSize={'xs'} fontWeight={500} as={'span'}>$ 500,000.450</Text>
<Text fontSize={'xs'} fontWeight={500} as={'span'}>{investment?.progressValue} % Funded</Text>
<Box
as="span"
display={"flex"}
justifyContent={"space-between"}
mb={1}
>
<Text fontSize={"xs"} fontWeight={500} as={"span"}>
$ 500,000.450
</Text>
<Text fontSize={"xs"} fontWeight={500} as={"span"}>
75 % Funded
</Text>
</Box>
{/* <Tooltip
hasArrow
placement="top-start"
label={`${investment?.progressValue}%`}
bg="white"
color="#000"
fontSize={'xs'}
> */}
<Progress
width={"200px"}
value={investment?.progressValue}
rounded={"10px"}
colorScheme={"green"}
size={"sm"}
/>
{/* </Tooltip> */}
<Progress
width={"200px"}
value={75} // Assuming a static progress value
rounded={"10px"}
colorScheme={"green"}
size={"sm"}
/>
<Button
// variant='ghost'
w={"100%"}
colorScheme={"gray"}
rounded={"sm"}