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}
-
);