|
1 | | -import React, {useState} from "react"; |
2 | | -import {HiOutlineChevronLeft} from "@react-icons/all-files/hi/HiOutlineChevronLeft"; |
3 | | -import {Link} from "gatsby"; |
4 | | -import {IoIosArrowForward} from "@react-icons/all-files/io/IoIosArrowForward"; |
5 | | -import {componentsData} from "../../sections/Projects/Sistent/components/content"; |
| 1 | +import React, { useState } from "react"; |
| 2 | +import { HiOutlineChevronLeft } from "@react-icons/all-files/hi/HiOutlineChevronLeft"; |
| 3 | +import { Link } from "gatsby"; |
| 4 | +import { IoIosArrowForward } from "@react-icons/all-files/io/IoIosArrowForward"; |
| 5 | +import { componentsData } from "../../sections/Projects/Sistent/components/content"; |
6 | 6 |
|
7 | 7 | import TOCWrapper from "./toc.style"; |
8 | | -import {IoIosArrowDown} from "@react-icons/all-files/io/IoIosArrowDown"; |
| 8 | +import { IoIosArrowDown } from "@react-icons/all-files/io/IoIosArrowDown"; |
9 | 9 |
|
10 | | -import {useLocation} from "@reach/router"; |
| 10 | +import { useLocation } from "@reach/router"; |
11 | 11 |
|
12 | 12 | const TOC = () => { |
13 | 13 | const [expand, setExpand] = useState(false); |
@@ -69,8 +69,8 @@ const TOC = () => { |
69 | 69 | > |
70 | 70 | Identity |
71 | 71 | {expandIdentity ? |
72 | | - <IoIosArrowDown style={{zIndex: 2}}/> : |
73 | | - <IoIosArrowForward style={{zIndex: 2}}/> |
| 72 | + <IoIosArrowDown style={{ zIndex: 2 }}/> : |
| 73 | + <IoIosArrowForward style={{ zIndex: 2 }}/> |
74 | 74 | } |
75 | 75 | </div> |
76 | 76 | {expandIdentity && ( |
@@ -132,8 +132,8 @@ const TOC = () => { |
132 | 132 | > |
133 | 133 | Components |
134 | 134 | {expandComponent ? |
135 | | - <IoIosArrowDown style={{zIndex: 2}}/> : |
136 | | - <IoIosArrowForward style={{zIndex: 2}}/> |
| 135 | + <IoIosArrowDown style={{ zIndex: 2 }}/> : |
| 136 | + <IoIosArrowForward style={{ zIndex: 2 }}/> |
137 | 137 | } |
138 | 138 | </div> |
139 | 139 | {expandComponent && ( |
|
0 commit comments