diff --git a/frontend/components/CircularProgressWithLabel.tsx b/frontend/components/CircularProgressWithLabel.tsx deleted file mode 100644 index 9c3994d5..00000000 --- a/frontend/components/CircularProgressWithLabel.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import Box from '@mui/material/Box'; -import CircularProgress, { CircularProgressProps } from '@mui/material/CircularProgress'; -import React from 'react'; - -type CircularProgressWithLabelProps = CircularProgressProps & { - value: number; - label: React.ReactNode; -}; - -export default function CircularProgressWithLabel({ - value, - label, - ...circularProgressProps -}: CircularProgressWithLabelProps) { - return ( - - - {label} - - ); -} diff --git a/frontend/components/campaigns/CampaignDescription.tsx b/frontend/components/campaigns/CampaignDescription.tsx deleted file mode 100644 index b148b63f..00000000 --- a/frontend/components/campaigns/CampaignDescription.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Stack, Typography } from '@mui/material'; -import { closeQuotesProps } from '../../styles/components/campaigns/CampaignDescription'; -import { CampaignBaseData } from '../../types/campaigns'; -import Quotes from '../icons/Quotes'; - -type Props = { - campaign: CampaignBaseData; -}; - -export default function CampaignDescription({ campaign }: Props) { - return ( - <> - - This campaign was started by {campaign.primaryDonor.name} who has generously committed - ${campaign.promisedAmount} to the beneficiaries listed above. - - - - - - - {campaign.description} - - - - - - ); -} diff --git a/frontend/components/icons/Quotes.tsx b/frontend/components/icons/Quotes.tsx deleted file mode 100644 index 4bf64576..00000000 --- a/frontend/components/icons/Quotes.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import FormatQuoteIcon from '@mui/icons-material/FormatQuote'; -import { SxProps } from '@mui/material'; -import { combineSxProps } from '../../utils/types'; - -type Props = { - sxProps?: SxProps; - variant: 'open' | 'close'; -}; - -export default function Quotes({ sxProps = {}, variant }: Props) { - const rotationSxProps: SxProps = variant === 'open' ? { transform: 'rotate(180deg)' } : {}; - const mergedSxProps = combineSxProps(rotationSxProps, sxProps); - return ; -} diff --git a/frontend/components/swiper/SwiperWrapper.tsx b/frontend/components/swiper/SwiperWrapper.tsx deleted file mode 100644 index 2a550432..00000000 --- a/frontend/components/swiper/SwiperWrapper.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import { useMediaQuery } from '@mui/material'; -import React from 'react'; -import { Navigation, Pagination } from 'swiper'; -import { Swiper, SwiperSlide } from 'swiper/react'; -import { SwiperModule } from 'swiper/types'; -import { theme } from '../../utils/theme'; - -import 'swiper/css'; -import 'swiper/css/navigation'; -import 'swiper/css/pagination'; - -type ModuleSelection = { - navigable?: boolean; - paginated?: boolean; -}; - -type Props = ModuleSelection & { - children: React.ReactNode[]; -}; - -const moduleMap: { - [key: string]: SwiperModule; -} = { - navigable: Navigation, - paginated: Pagination, -}; - -const convertSelectionToModules = (selection: ModuleSelection): SwiperModule[] => { - return Object.entries(selection) - .filter((entry) => entry[1]) - .map(([prop]) => moduleMap[prop]); -}; - -export default function SwiperWrapper({ children, ...moduleSelection }: Props) { - const modules = convertSelectionToModules(moduleSelection); - const isMobile = useMediaQuery(theme.breakpoints.down('sm')); - - return ( - - {children.map((slide, index) => ( - {slide} - ))} - - ); -} diff --git a/frontend/styles/components/campaigns/CampaignDescription.ts b/frontend/styles/components/campaigns/CampaignDescription.ts deleted file mode 100644 index 2d5c3a10..00000000 --- a/frontend/styles/components/campaigns/CampaignDescription.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { SxProps } from '@mui/material'; - -export const closeQuotesProps: SxProps = { - alignSelf: 'flex-end', -};