chore(nui): Rename some exported components

overextended · Dec 31, 2021 · 8a45f43 · 8a45f43
1 parent bee8f58
commit 8a45f43
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/ui/src/components/App.tsx b/ui/src/components/App.tsx
@@ -1,11 +1,11 @@
 import { Center, Box } from '@chakra-ui/react';
 import { debugData } from '../utils/debugData';
 import TopBar from './NavBars/TopBar';
-import SideBar from './NavBars/LeftBar';
+import LeftBar from './NavBars/LeftBar';
 import { Routes, Route } from 'react-router-dom';
 import Resource from './Resource';
 import RightBar from './NavBars/RightBar';
-import Content from './MainContent';
+import MainContent from './MainContent';
 
 debugData([
   {
@@ -19,13 +19,13 @@ const App: React.FC = () => {
     <Center w="100%" h="100%">
       <Box width="60%" height="60%" backgroundColor="#191E26" borderRadius="1vh" color="white" fontFamily="Poppins">
         <TopBar />
-        <SideBar />
+        <LeftBar />
         <RightBar />
-        <Content>
+        <MainContent>
           <Routes>
             <Route path="/:resource" element={<Resource />} />
           </Routes>
-        </Content>
+        </MainContent>
       </Box>
     </Center>
   );

diff --git a/ui/src/components/MainContent.tsx b/ui/src/components/MainContent.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Box, Center } from '@chakra-ui/react';
 
-const Content: React.FC = ({ children }) => {
+const MainContent: React.FC = ({ children }) => {
   return (
     <>
       <Center h="95%">
@@ -13,4 +13,4 @@ const Content: React.FC = ({ children }) => {
   );
 };
 
-export default Content;
+export default MainContent;
diff --git a/ui/src/components/NavBars/LeftBar.tsx b/ui/src/components/NavBars/LeftBar.tsx
@@ -1,7 +1,7 @@
 import { Box, VStack } from '@chakra-ui/react';
 import { Link } from 'react-router-dom';
 
-const SideBar: React.FC = () => {
+const LeftBar: React.FC = () => {
   return (
     <Box p="1.2vh" fontSize="1.5vh" float="left">
       <VStack align="left">
@@ -13,4 +13,4 @@ const SideBar: React.FC = () => {
   );
 };
 
-export default SideBar;
+export default LeftBar;