From db087c8039baf33209cfd594f0e1b17b81a6ecc0 Mon Sep 17 00:00:00 2001 From: Max Date: Sat, 30 Sep 2023 23:22:24 -0700 Subject: [PATCH] changing svg to external files --- app/CalendarPage.jsx | 63 +---------------------------- app/GraphPage.jsx | 2 +- app/MainPage.jsx | 12 ++---- public/assets/images/BTCImage.svg | 3 ++ public/assets/images/BTCWorkers.svg | 34 ++++++++++++++++ public/assets/images/Bitcoin.svg | 7 ++++ public/assets/images/SuiteBTC.svg | 58 ++++++++++++++++++++++++++ 7 files changed, 108 insertions(+), 71 deletions(-) create mode 100644 public/assets/images/BTCImage.svg create mode 100644 public/assets/images/BTCWorkers.svg create mode 100644 public/assets/images/Bitcoin.svg create mode 100644 public/assets/images/SuiteBTC.svg diff --git a/app/CalendarPage.jsx b/app/CalendarPage.jsx index b79ca7b..e0f069c 100644 --- a/app/CalendarPage.jsx +++ b/app/CalendarPage.jsx @@ -5,67 +5,6 @@ import { grey } from '@mui/material/colors'; import { DateCalendar, PickersDay } from '@mui/x-date-pickers'; import MeetupDetails from '@components/MeetupDetails'; -const SuiteAndBTCGraphic = ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -); const CustomDiv = styled.div` background-color: ${(props) => props.theme.palette.primary.brightest}; @@ -160,7 +99,7 @@ const CalendarPage = () => { Just feel like hanging out with people that understand the the value of financial empowerment and freedom? We love to get together for coffee, a drink, or a bite and talk about bitcoin and everything else. - {SuiteAndBTCGraphic} + diff --git a/app/GraphPage.jsx b/app/GraphPage.jsx index 33dd706..be70a90 100644 --- a/app/GraphPage.jsx +++ b/app/GraphPage.jsx @@ -242,7 +242,7 @@ const GraphPage = () => { - {BTCWorkers} + diff --git a/app/MainPage.jsx b/app/MainPage.jsx index 8fccc69..6b0cec5 100644 --- a/app/MainPage.jsx +++ b/app/MainPage.jsx @@ -13,8 +13,8 @@ const CustomDiv = styled.div` const CircleContainer = styled.div` - width: 325px; - height: 325px; + width: 100%; + height: 100%; border-radius: 50%; background-color: ${(props) => props.theme.palette.primary.dark}; /* Replace with your desired color */ display: flex; @@ -35,7 +35,7 @@ function MainPage() { return ( - + @@ -50,11 +50,7 @@ function MainPage() { - - - - - + diff --git a/public/assets/images/BTCImage.svg b/public/assets/images/BTCImage.svg new file mode 100644 index 0000000..56c4991 --- /dev/null +++ b/public/assets/images/BTCImage.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/assets/images/BTCWorkers.svg b/public/assets/images/BTCWorkers.svg new file mode 100644 index 0000000..c25b2d0 --- /dev/null +++ b/public/assets/images/BTCWorkers.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/images/Bitcoin.svg b/public/assets/images/Bitcoin.svg new file mode 100644 index 0000000..8398e2a --- /dev/null +++ b/public/assets/images/Bitcoin.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/assets/images/SuiteBTC.svg b/public/assets/images/SuiteBTC.svg new file mode 100644 index 0000000..3f18ce1 --- /dev/null +++ b/public/assets/images/SuiteBTC.svg @@ -0,0 +1,58 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file