formatting

dscnitrourkela · Nov 11, 2023 · 58fe407 · 58fe407
1 parent 7f1c0c1
commit 58fe407
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 34 deletions.
diff --git a/src/components/AboutUs/About.jsx b/src/components/AboutUs/About.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import Content from '../../../config/content/About';
-import {AboutContainer,AboutContent,Heading} from './styles';
+import { AboutContainer, AboutContent, Heading } from './styles';
 import Carousel from './Carousel';
 
 const AboutUs = () => {
@@ -10,7 +10,7 @@ const AboutUs = () => {
         <Heading>About Us</Heading>
         <AboutContent>{Content.desc}</AboutContent>
       </AboutContainer>
-      <Carousel />   
+      <Carousel />
     </>
   );
 };

diff --git a/src/components/AboutUs/Carousel.jsx b/src/components/AboutUs/Carousel.jsx
@@ -8,25 +8,27 @@ import { Helmet } from 'react-helmet';
 function CustomPrevArrow({ onClick }) {
   return (
     <div className='arrow custom-prev-arrow' onClick={onClick}>
-   <Helmet>
-   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
-   </Helmet>
-   <span class="material-symbols-outlined">
-arrow_back_ios_new
-</span>
+      <Helmet>
+        <link
+          rel='stylesheet'
+          href='https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0'
+        />
+      </Helmet>
+      <span class='material-symbols-outlined'>arrow_back_ios_new</span>
     </div>
   );
 }
 
 function CustomNextArrow({ onClick }) {
   return (
     <div className='arrow custom-next-arrow' onClick={onClick}>
-    <Helmet>
-   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
-   </Helmet>
-   <span class="material-symbols-outlined">
-arrow_forward_ios
-</span>
+      <Helmet>
+        <link
+          rel='stylesheet'
+          href='https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0'
+        />
+      </Helmet>
+      <span class='material-symbols-outlined'>arrow_forward_ios</span>
     </div>
   );
 }
@@ -43,7 +45,7 @@ function Carousel() {
     slidesToScroll: 1,
     autoplay: true,
     autoplaySpeed: 1000,
-    beforeChange: (current,next) => setSlideIndex(next),
+    beforeChange: (current, next) => setSlideIndex(next),
     centerMode: true,
     responsive: [
       {

diff --git a/src/components/AboutUs/styles.js b/src/components/AboutUs/styles.js
@@ -1,23 +1,23 @@
 import styled from 'styled-components';
 import { Body1 } from '../shared';
 import { Heading1 } from '../shared';
- export  const AboutContainer = styled.div`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-    margin-top: 0px;
-    overflow: hidden;
-    width: 100%;
-    margin-bottom: 50px;
-  `;
-  export const AboutContent = styled(Body1)`
-    margin-top: 20px;
-    margin-bottom: 50px;
-    width: 80%;
-    font-size: 16px;
-    line-height: 24px;
-  `;
-  export const Heading = styled(Heading1)`
+export const AboutContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  margin-top: 0px;
+  overflow: hidden;
+  width: 100%;
+  margin-bottom: 50px;
+`;
+export const AboutContent = styled(Body1)`
+  margin-top: 20px;
+  margin-bottom: 50px;
+  width: 80%;
+  font-size: 16px;
+  line-height: 24px;
+`;
+export const Heading = styled(Heading1)`
   font-weight: 700;
-  `;
+`;