chore: remove all font

ctc-uci · May 5, 2024 · c9ee9ac · c9ee9ac
1 parent b954cf1
commit c9ee9ac
Show file tree

Hide file tree

Showing 17 changed files with 12 additions and 73 deletions.
diff --git a/src/components/Auth/AuthPage.jsx b/src/components/Auth/AuthPage.jsx
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 
 const AuthPage = ({ children }) => {
   return (
-    <SimpleGrid columns={2} spacing={0} minH={'100vh'} style={{ fontFamily: 'Poppins' }}>
+    <SimpleGrid columns={2} spacing={0} minH={'100vh'}>
       <Box
         backgroundColor="#2D558A"
         position="relative"

diff --git a/src/components/DummyVolunteerProfile/ProfilePageModals.jsx b/src/components/DummyVolunteerProfile/ProfilePageModals.jsx
@@ -92,7 +92,6 @@ const EditFirstNameModal = ({ isOpen, onClose, user }) => {
                 // Push over by the size of the button
                 width={'100%'}
                 fontWeight={'800'}
-                fontFamily={'Avenir'}
                 letterSpacing={'0em'}
               >
                 Edit First Name
@@ -123,7 +122,6 @@ const EditFirstNameModal = ({ isOpen, onClose, user }) => {
                 fontWeight={'500'}
                 fontSize={'16px'}
                 marginLeft={'13px'}
-                fontFamily={'Avenir'}
                 lineHeight={'15px'}
                 letterSpacing={'0em'}
                 justify={'left'}
@@ -132,7 +130,6 @@ const EditFirstNameModal = ({ isOpen, onClose, user }) => {
                 First Name
               </FormLabel>
               <Input
-                fontFamily={'Inter, Arial, Helvetica, sans-serif'}
                 fontSize={'16px'}
                 fontWeight={'500'}
                 letterSpacing={'0em'}
@@ -159,7 +156,6 @@ const EditFirstNameModal = ({ isOpen, onClose, user }) => {
               color={'#0075FF'}
               gap={'6px'}
               padding={'12 11.321188926696777 12 11.321188926696777'}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'red',
@@ -179,7 +175,6 @@ const EditFirstNameModal = ({ isOpen, onClose, user }) => {
               color={'#FFFFFF'}
               onClick={handleSubmit}
               isDisabled={isSubmittable}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'green',
@@ -267,7 +262,6 @@ const EditLastNameModal = ({ isOpen, onClose, user }) => {
                 // Push over by the size of the button
                 width={'100%'}
                 fontWeight={'800'}
-                fontFamily={'Avenir'}
                 letterSpacing={'0em'}
               >
                 Edit Last Name
@@ -298,7 +292,6 @@ const EditLastNameModal = ({ isOpen, onClose, user }) => {
                 fontWeight={'500'}
                 fontSize={'16px'}
                 marginLeft={'13px'}
-                fontFamily={'Avenir'}
                 lineHeight={'15px'}
                 letterSpacing={'0em'}
                 justify={'left'}
@@ -307,7 +300,6 @@ const EditLastNameModal = ({ isOpen, onClose, user }) => {
                 Last Name
               </FormLabel>
               <Input
-                fontFamily={'Inter, Arial, Helvetica, sans-serif'}
                 fontSize={'16px'}
                 fontWeight={'500'}
                 letterSpacing={'0em'}
@@ -334,7 +326,6 @@ const EditLastNameModal = ({ isOpen, onClose, user }) => {
               color={'#0075FF'}
               gap={'6px'}
               padding={'12 11.321188926696777 12 11.321188926696777'}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'red',
@@ -354,7 +345,6 @@ const EditLastNameModal = ({ isOpen, onClose, user }) => {
               color={'#FFFFFF'}
               onClick={handleSubmit}
               isDisabled={isSubmittable}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'green',
@@ -442,7 +432,6 @@ const EditEmailModal = ({ isOpen, onClose, user }) => {
                 // Push over by the size of the button
                 width={'100%'}
                 fontWeight={'800'}
-                fontFamily={'Avenir'}
                 letterSpacing={'0em'}
               >
                 Edit Email
@@ -473,7 +462,6 @@ const EditEmailModal = ({ isOpen, onClose, user }) => {
                 fontWeight={'500'}
                 fontSize={'16px'}
                 marginLeft={'13px'}
-                fontFamily={'Avenir'}
                 lineHeight={'15px'}
                 letterSpacing={'0em'}
                 justify={'left'}
@@ -482,7 +470,6 @@ const EditEmailModal = ({ isOpen, onClose, user }) => {
                 Email
               </FormLabel>
               <Input
-                fontFamily={'Inter, Arial, Helvetica, sans-serif'}
                 fontSize={'16px'}
                 fontWeight={'500'}
                 letterSpacing={'0em'}
@@ -509,7 +496,6 @@ const EditEmailModal = ({ isOpen, onClose, user }) => {
               color={'#0075FF'}
               gap={'6px'}
               padding={'12 11.321188926696777 12 11.321188926696777'}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'red',
@@ -529,7 +515,6 @@ const EditEmailModal = ({ isOpen, onClose, user }) => {
               color={'#FFFFFF'}
               onClick={handleSubmit}
               isDisabled={isSubmittable}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'green',
@@ -617,7 +602,6 @@ const EditOrganizationModal = ({ isOpen, onClose, user }) => {
                 // Push over by the size of the button
                 width={'100%'}
                 fontWeight={'800'}
-                fontFamily={'Avenir'}
                 letterSpacing={'0em'}
               >
                 Edit Organization
@@ -648,7 +632,6 @@ const EditOrganizationModal = ({ isOpen, onClose, user }) => {
                 fontWeight={'500'}
                 fontSize={'16px'}
                 marginLeft={'13px'}
-                fontFamily={'Avenir'}
                 lineHeight={'15px'}
                 letterSpacing={'0em'}
                 justify={'left'}
@@ -657,7 +640,6 @@ const EditOrganizationModal = ({ isOpen, onClose, user }) => {
                 Organization
               </FormLabel>
               <Input
-                fontFamily={'Inter, Arial, Helvetica, sans-serif'}
                 fontSize={'16px'}
                 fontWeight={'500'}
                 letterSpacing={'0em'}
@@ -684,7 +666,6 @@ const EditOrganizationModal = ({ isOpen, onClose, user }) => {
               color={'#0075FF'}
               gap={'6px'}
               padding={'12 11.321188926696777 12 11.321188926696777'}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'red',
@@ -704,7 +685,6 @@ const EditOrganizationModal = ({ isOpen, onClose, user }) => {
               color={'#FFFFFF'}
               onClick={handleSubmit}
               isDisabled={isSubmittable}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'green',
@@ -792,7 +772,6 @@ const EditPhoneNumberModal = ({ isOpen, onClose, user }) => {
                 // Push over by the size of the button
                 width={'100%'}
                 fontWeight={'800'}
-                fontFamily={'Avenir'}
                 letterSpacing={'0em'}
               >
                 Edit Phone Number
@@ -823,7 +802,6 @@ const EditPhoneNumberModal = ({ isOpen, onClose, user }) => {
                 fontWeight={'500'}
                 fontSize={'16px'}
                 marginLeft={'13px'}
-                fontFamily={'Avenir'}
                 lineHeight={'15px'}
                 letterSpacing={'0em'}
                 justify={'left'}
@@ -832,7 +810,6 @@ const EditPhoneNumberModal = ({ isOpen, onClose, user }) => {
                 Phone Number
               </FormLabel>
               <Input
-                fontFamily={'Inter, Arial, Helvetica, sans-serif'}
                 fontSize={'16px'}
                 fontWeight={'500'}
                 letterSpacing={'0em'}
@@ -859,7 +836,6 @@ const EditPhoneNumberModal = ({ isOpen, onClose, user }) => {
               color={'#0075FF'}
               gap={'6px'}
               padding={'12 11.321188926696777 12 11.321188926696777'}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'red',
@@ -879,7 +855,6 @@ const EditPhoneNumberModal = ({ isOpen, onClose, user }) => {
               color={'#FFFFFF'}
               onClick={handleSubmit}
               isDisabled={isSubmittable}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'green',
@@ -967,7 +942,6 @@ const EditAboutMeModal = ({ isOpen, onClose, user }) => {
                 // Push over by the size of the button
                 width={'100%'}
                 fontWeight={'800'}
-                fontFamily={'Avenir'}
                 letterSpacing={'0em'}
               >
                 Edit About Me Section
@@ -998,7 +972,6 @@ const EditAboutMeModal = ({ isOpen, onClose, user }) => {
                 fontWeight={'500'}
                 fontSize={'16px'}
                 marginLeft={'13px'}
-                fontFamily={'Avenir'}
                 lineHeight={'15px'}
                 letterSpacing={'0em'}
                 justify={'left'}
@@ -1007,7 +980,6 @@ const EditAboutMeModal = ({ isOpen, onClose, user }) => {
                 About Me
               </FormLabel>
               <Input
-                fontFamily={'Inter, Arial, Helvetica, sans-serif'}
                 fontSize={'16px'}
                 fontWeight={'500'}
                 letterSpacing={'0em'}
@@ -1034,7 +1006,6 @@ const EditAboutMeModal = ({ isOpen, onClose, user }) => {
               color={'#0075FF'}
               gap={'6px'}
               padding={'12 11.321188926696777 12 11.321188926696777'}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'red',
@@ -1054,7 +1025,6 @@ const EditAboutMeModal = ({ isOpen, onClose, user }) => {
               color={'#FFFFFF'}
               onClick={handleSubmit}
               isDisabled={isSubmittable}
-              fontFamily={'Avenir'}
               fontSize={'14px'}
               _hover={{
                 bg: 'green',

diff --git a/src/components/EventRegistration/LoadingModal.jsx b/src/components/EventRegistration/LoadingModal.jsx
@@ -8,14 +8,13 @@ const LoadingModal = ({ ...props }) => {
         <Spinner color="blue.500" size={'xl'} speed="0.8s" thickness="6px" />
       </Flex>
       <Box>
-        <Text fontFamily={'Avenir'} fontSize={'30px'} align={'center'} fontWeight={800}>
+        <Text fontSize={'30px'} align={'center'} fontWeight={800}>
           {`Registering...`}
         </Text>
         <Text
           color={'#717171'}
           fontSize={'22px'}
           align={'center'}
-          fontFamily={'Avenir'}
           fontWeight={800}
         >
           {`Hang tight, and you'll registered soon!`}

diff --git a/src/components/EventRegistration/RegistrationModal.jsx b/src/components/EventRegistration/RegistrationModal.jsx
@@ -30,13 +30,12 @@ const RegistrationModal = ({
               color={'#717171'}
               fontSize={'20px'}
               align={'center'}
-              fontFamily={'Avenir'}
               fontWeight={800}
               mb={'-6px'}
             >
               Volunteer registration
             </Text>
-            <Text fontFamily={'Avenir'} fontSize={'32px'} align={'center'} fontWeight={800}>
+            <Text fontSize={'32px'} align={'center'} fontWeight={800}>
               {title}
             </Text>
           </ModalHeader>

diff --git a/src/components/EventRegistration/SignWaiverModal.jsx b/src/components/EventRegistration/SignWaiverModal.jsx
@@ -19,21 +19,14 @@ const SignWaiverModal = ({ registrationFlowState, ...props }) => {
       continueText={'Register'}
       {...props}
     >
-      {/* color: var(--Primary-Text, #3B3B3B);
-font-family: Avenir;
-font-size: 18px;
-font-style: normal;
-font-weight: 500;
-line-height: normal;    */}
       <Box>
-        <Text color={'#717171'} fontFamily={'Avenir'} fontSize={'16px'} fontWeight={'400'} pb="1">
+        <Text color={'#717171'} fontSize={'16px'} fontWeight={'400'} pb="1">
           Read terms and conditions
         </Text>
         {/* Terms box */}
         <Box maxH="250px" overflowY={'scroll'} borderRadius={'12px'} border="3px solid #EFEFEF">
           <Text
             color={'#3B3B3B'}
-            fontFamily={'Avenir'}
             fontSize={'18px'}
             fontWeight={'300'}
             py="3"
@@ -49,7 +42,7 @@ line-height: normal;    */}
         pt="4"
         style={{ '--chakra-colors-blue-500': '#0075FF', '--chakra-radii-sm': '5px' }}
       >
-        <Text color={'#717171'} fontFamily={'Avenir'} fontSize={'16px'} fontWeight={'400'}>
+        <Text color={'#717171'} fontSize={'16px'} fontWeight={'400'}>
           I agree to the terms and conditions
         </Text>
       </Checkbox>

diff --git a/src/components/EventRegistration/SuccessfulRegistrationModal.jsx b/src/components/EventRegistration/SuccessfulRegistrationModal.jsx
@@ -39,14 +39,13 @@ const SuccessfulRegistrationModal = ({ ...props }) => {
         </svg>
       </Flex>
       <Box>
-        <Text fontFamily={'Avenir'} fontSize={'42px'} align={'center'} fontWeight={800}>
+        <Text fontSize={'42px'} align={'center'} fontWeight={800}>
           {`You're all set!`}
         </Text>
         <Text
           color={'#717171'}
           fontSize={'22px'}
           align={'center'}
-          fontFamily={'Avenir'}
           fontWeight={800}
         >
           {`We're excited to see you at the event!`}

diff --git a/src/components/Events/DataCard.jsx b/src/components/Events/DataCard.jsx
@@ -4,15 +4,14 @@ const DataCard = ({ icon, text, amount }) => {
   return (
     <VStack bg="white" pt={25} pb={2} borderRadius="lg" align="center" w={'100%'}>
       {icon}
-      <Text textAlign={'center'} fontWeight={500} fontSize={18} fontFamily={'Avenir'}>
+      <Text textAlign={'center'} fontWeight={500} fontSize={18}>
         {text}
       </Text>
       <Text
         textAlign={'center'}
         fontSize={56}
         fontWeight={800}
         color={'rgba(0, 0, 0, 0.75)'}
-        fontFamily={'Avenir'}
       >
         {amount}
       </Text>

diff --git a/src/components/Events/DeleteEventsModal.jsx b/src/components/Events/DeleteEventsModal.jsx
@@ -27,7 +27,6 @@ const DeleteEventsModal = ({ isOpen, onClose, events, confirmDelete }) => {
           fontWeight="800"
           fontSize="32px"
           lineHeight="33.71px"
-          fontFamily="Avenir, sans-serif"
           style={{ display: 'block' }} // Ensure text alignment applies correctly
         >
           Are you sure you want to delete: {formattedEventNames} {eventLabel}?

diff --git a/src/components/Events/EventCard.jsx b/src/components/Events/EventCard.jsx
@@ -139,7 +139,6 @@ const EventCard = ({
                 fontWeight="800"
                 fontSize="24px"
                 lineHeight="30px"
-                fontFamily="Avenir"
                 mt={2}
                 overflowWrap={'break-word'}
               >
@@ -150,15 +149,13 @@ const EventCard = ({
                 fontWeight="800"
                 fontSize={{ base: '20px', md: '24px' }}
                 lineHeight="30px"
-                fontFamily="Avenir"
                 mt={2}
                 overflowWrap={'break-word'}
               >
                 {name}
               </Text>
             )}
             <Text
-              fontFamily="Avenir"
               fontSize={sideBySideCard ? { base: '12px', md: '15px' } : '16px'}
               fontWeight={{ base: 500, md: 300 }}
               mt={1}

diff --git a/src/components/Events/EventFilteredGrid.jsx b/src/components/Events/EventFilteredGrid.jsx
@@ -152,7 +152,6 @@ const EventFilteredGrid = ({ setCurrentEventId, setIsOpen, setShowOpenDrawerButt
               lineHeight="normal"
               fontStyle="normal"
               fontSize={{ base: '18px', xl: '32px' }}
-              fontFamily={'Avenir'}
               color={'rgba(0, 0, 0, 0.75)'}
             >
               All Upcoming Events

diff --git a/src/components/Events/FeaturedDashboard.jsx b/src/components/Events/FeaturedDashboard.jsx
@@ -49,7 +49,6 @@ const FeaturedDashboard = ({ onOpen, showOpenDrawerButton }) => {
             lineHeight="normal"
             fontStyle="normal"
             fontSize={{ base: '18px', xl: '32px' }}
-            fontFamily={'Avenir'}
             color={'rgba(0, 0, 0, 0.75)'}
           >
             Featured Events