diff --git a/src/components/Home/DonorDashboard/OrganizationCard.tsx b/src/components/Home/DonorDashboard/OrganizationCard.tsx index f232186..abee206 100644 --- a/src/components/Home/DonorDashboard/OrganizationCard.tsx +++ b/src/components/Home/DonorDashboard/OrganizationCard.tsx @@ -1,4 +1,5 @@ import { + Box, Card, CardContent, CardActions, @@ -7,6 +8,7 @@ import { Collapse, Typography, Divider, + Link, } from '@mui/material'; import { ExpandMore, ExpandLess } from '@mui/icons-material'; import { lighten, useTheme } from '@mui/material/styles'; @@ -82,16 +84,30 @@ const OrganizationCard = ({ organization }: OrganizationCardProps) => { [theme] ); - // Extracted component for header actions - const HeaderActions = () => - user && ( - - ); + const HeaderActions = () => ( + + {user && ( + + )} + + ); // Extracted component for needs section const NeedsSection = () => @@ -127,7 +143,26 @@ const OrganizationCard = ({ organization }: OrganizationCardProps) => { + {organization.location} +
+ + Visit Website + + + } action={} /> @@ -137,14 +172,6 @@ const OrganizationCard = ({ organization }: OrganizationCardProps) => { > {organization.description} - {hasNeeds && ( diff --git a/src/components/Saved/SavedCard.tsx b/src/components/Saved/SavedCard.tsx index 8e107f5..06c9a50 100644 --- a/src/components/Saved/SavedCard.tsx +++ b/src/components/Saved/SavedCard.tsx @@ -1,4 +1,5 @@ import { + Box, Card, CardContent, CardHeader, @@ -25,13 +26,32 @@ const SavedOrganizationCard: React.FC<{ title={organization.name} subheader={organization.location} action={ - + + + } /> @@ -41,13 +61,6 @@ const SavedOrganizationCard: React.FC<{ > {organization.description} -
);