refactor: replace Row - wip

Iteam1337 · Dec 16, 2022 · 5867607 · 5867607
1 parent 8eaf20a
commit 5867607
Show file tree

Hide file tree

Showing 19 changed files with 409 additions and 453 deletions.
diff --git a/client/src/components/Carousel/Carousel.js b/client/src/components/Carousel/Carousel.js
@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react'
 import Image from 'next/image'
 import { useNextSanityImage } from 'next-sanity-image'
 import styled from 'styled-components'
-import { Row, Col } from 'react-bootstrap'
 import Gravatar from 'react-gravatar'
 import Slider from 'react-slick'
 import { rgba } from 'polished'
@@ -308,20 +307,16 @@ export const Carousel = ({ content, coworker = false }) => {
   }
   return (
     <Container>
-      <Row className="justify-content-center">
-        <Col lg="12" xl="11">
-          <SliderStyled {...slickSettings} activeSlide={activeSlide}>
-            {content.map((person, i) => {
-              const active = activeSlide === i
-              return coworker ? (
-                <Coworker item={person} key={i} active={active} />
-              ) : (
-                <Client item={person} key={i} active={active} />
-              )
-            })}
-          </SliderStyled>
-        </Col>
-      </Row>
+      <SliderStyled {...slickSettings} activeSlide={activeSlide}>
+        {content.map((person, i) => {
+          const active = activeSlide === i
+          return coworker ? (
+            <Coworker item={person} key={i} active={active} />
+          ) : (
+            <Client item={person} key={i} active={active} />
+          )
+        })}
+      </SliderStyled>
     </Container>
   )
 }
diff --git a/client/src/components/ContentCard/ContentCard.js b/client/src/components/ContentCard/ContentCard.js
@@ -1,7 +1,6 @@
+import clsx from 'clsx'
 import React from 'react'
-import { Col } from 'react-bootstrap'
 import styled from 'styled-components'
-import clsx from 'clsx'
 
 import { Box, Typography } from '../Core'
 
@@ -16,10 +15,7 @@ const StyledBox = styled(Box)`
 `
 
 export const ContentCard = ({ dark = false, className, title, ...rest }) => (
-  <Col
-    lg="4"
-    md="6"
-    className="mb-4"
+  <div
     data-aos="fade-zoom-in"
     data-aos-easing="ease-in-back"
     data-aos-delay="50"
@@ -38,5 +34,5 @@ export const ContentCard = ({ dark = false, className, title, ...rest }) => (
         {title}
       </Typography.H3>
     </StyledBox>
-  </Col>
+  </div>
 )