chore: change to default export

Author: anyulled

src/views/CodeOfConduct/CodeOfConduct.tsx

@@ -80,7 +80,7 @@ const StyleMoreIcon = styled.img`
   }
 `;
 
-export const CodeOfConduct: FC<React.PropsWithChildren> = () => {
+const CodeOfConduct: FC<React.PropsWithChildren> = () => {
   const { width } = useWindowSize();
 
   useDocumentTitleUpdater("Code of Conduct", data.edition);
@@ -302,5 +302,5 @@ export const CodeOfConduct: FC<React.PropsWithChildren> = () => {
     </>
   );
 };
-
 CodeOfConduct.displayName = "CodeOfConduct";
+export default CodeOfConduct;

src/views/Travel/Accommodation.tsx

@@ -5,114 +5,114 @@ import { BIG_BREAKPOINT } from "../../constants/BreakPoints";
 
 const StyledAccommodation = styled.div`
 {
-    text-align: left;
-    padding: 10px 40px;
-    background-color: ${Color.LIGHT_BLUE};
-    color: ${Color.WHITE};
+  text-align: left;
+  padding: 10px 40px;
+  background-color: ${Color.LIGHT_BLUE};
+  color: ${Color.WHITE};
 }
 
-    div.description ul {
-        margin-top: 10px;
-        margin-bottom: 10px;
-        margin-left: 40px;
-    }
-
-    ul a {
-        text-decoration: none;
-        margin-left: 10px;
-        color: ${Color.WHITE};
-    }
-
-    div.image {
-        margin-top: 10px;
-        background-color: ${Color.DARK_BLUE};
-        text-align: center;
-
-        img {
-            margin-top: 5px;
-            width: 20rem;
-        }
-    }
-
-    div.description {
-        background-color: ${Color.DARK_BLUE};
-        padding-left: 5px;
+  div.description ul {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-left: 40px;
+  }
 
-        p {
-            padding: 5px;
-        }
-
-        strong {
-            color: ${Color.YELLOW};
-        }
+  ul a {
+    text-decoration: none;
+    margin-left: 10px;
+    color: ${Color.WHITE};
+  }
 
-        a {
-            color: ${Color.YELLOW};
-        }
-    }
+  div.image {
+    margin-top: 10px;
+    background-color: ${Color.DARK_BLUE};
+    text-align: center;
 
-    .container {
-        max-width: 1200px;
-        margin: 0 auto;
-        padding: 20px;
+    img {
+      margin-top: 5px;
+      width: 20rem;
     }
+  }
 
-    h1 {
-        font-size: 2.25rem;
-        text-align: center;
-        margin-top: 0;
-        margin-bottom: 30px;
-        color: #002454;
-    }
+  div.description {
+    background-color: ${Color.DARK_BLUE};
+    padding-left: 5px;
 
-    .accommodation {
-        background-color: #fff;
-        border: 1px solid #ccc;
-        margin-bottom: 1.25rem;
-        padding: 1.25rem;
-        display: flex;
-        align-items: center;
-        border-radius: 95% 5% 95% 5% / 5% 100% 0 95%;
-        @media (max-width: ${BIG_BREAKPOINT}px) {
-            flex-direction: column;
-        }
+    p {
+      padding: 5px;
     }
 
-    .accommodation img {
-        max-width: 300px;
-        margin-right: 1.25rem;
-        border-radius: 90% 10% 90% 10% / 0 100% 0 100%;
-
-        @media (max-width: ${BIG_BREAKPOINT}px) {
-            max-width: 100%;
-            height: auto;
-        }
+    strong {
+      color: ${Color.YELLOW};
     }
 
-    .accommodation h2 {
-        margin-top: 0;
-        margin-bottom: 1rem;
-        font-size: 1.5rem;
+    a {
+      color: ${Color.YELLOW};
     }
-
-    h2 a {
-        color: #002454;
-        margin-bottom: 100px;
+  }
+
+  .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+  }
+
+  h1 {
+    font-size: 2.25rem;
+    text-align: center;
+    margin-top: 0;
+    margin-bottom: 30px;
+    color: #002454;
+  }
+
+  .accommodation {
+    background-color: #fff;
+    border: 1px solid #ccc;
+    margin-bottom: 1.25rem;
+    padding: 1.25rem;
+    display: flex;
+    align-items: center;
+    border-radius: 95% 5% 95% 5% / 5% 100% 0 95%;
+    @media (max-width: ${BIG_BREAKPOINT}px) {
+      flex-direction: column;
     }
+  }
 
-    .accommodation p {
-        margin-bottom: 0;
-        color: #002454;
-        font-size: 1rem;
-    }
+  .accommodation img {
+    max-width: 300px;
+    margin-right: 1.25rem;
+    border-radius: 90% 10% 90% 10% / 0 100% 0 100%;
 
-    .accommodation ul {
-        color: #002454;
-        padding-left: 30px;
+    @media (max-width: ${BIG_BREAKPOINT}px) {
+      max-width: 100%;
+      height: auto;
     }
+  }
+
+  .accommodation h2 {
+    margin-top: 0;
+    margin-bottom: 1rem;
+    font-size: 1.5rem;
+  }
+
+  h2 a {
+    color: #002454;
+    margin-bottom: 100px;
+  }
+
+  .accommodation p {
+    margin-bottom: 0;
+    color: #002454;
+    font-size: 1rem;
+  }
+
+  .accommodation ul {
+    color: #002454;
+    padding-left: 30px;
+  }
 `;
 
-export const Accommodation: FC<React.PropsWithChildren<unknown>> = () => {
+const Accommodation: FC<React.PropsWithChildren<unknown>> = () => {
   return (
     <StyledAccommodation>
       <div className="container">
@@ -150,3 +150,5 @@ export const Accommodation: FC<React.PropsWithChildren<unknown>> = () => {
     </StyledAccommodation>
   );
 };
+
+export default Accommodation;