refactor: reorganized folders

alevann · May 5, 2023 · 169665f · 169665f
1 parent cb765dd
commit 169665f
Show file tree

Hide file tree

Showing 23 changed files with 32 additions and 11 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,12 +1,10 @@
-import Body from './Body'
-import Header from './Header'
+import Home from './pages/Home'
 import './App.scss'
 
 const App = () => {
   return (
     <div className='app-container'>
-      <Header />
-      <Body />
+      <Home />
     </div>
   )
 }

diff --git a/src/Text/Text.scss → src/components/Text/Text.scss b/src/Text/Text.scss → src/components/Text/Text.scss
diff --git a/src/Text/index.tsx → src/components/Text/index.tsx b/src/Text/index.tsx → src/components/Text/index.tsx
diff --git a/src/Body/Body.scss → src/pages/Home/Body/Body.scss b/src/Body/Body.scss → src/pages/Home/Body/Body.scss
diff --git a/src/Body/FooBarActive.svg → src/pages/Home/Body/FooBarActive.svg b/src/Body/FooBarActive.svg → src/pages/Home/Body/FooBarActive.svg
diff --git a/src/Body/FooBarInactive.svg → src/pages/Home/Body/FooBarInactive.svg b/src/Body/FooBarInactive.svg → src/pages/Home/Body/FooBarInactive.svg
diff --git a/src/Body/ProjectCards.scss → src/pages/Home/Body/ProjectCards.scss b/src/Body/ProjectCards.scss → src/pages/Home/Body/ProjectCards.scss
diff --git a/src/Body/TerraActive.svg → src/pages/Home/Body/TerraActive.svg b/src/Body/TerraActive.svg → src/pages/Home/Body/TerraActive.svg
diff --git a/src/Body/TerraInactive.svg → src/pages/Home/Body/TerraInactive.svg b/src/Body/TerraInactive.svg → src/pages/Home/Body/TerraInactive.svg
diff --git a/src/Body/WebsiteActive.svg → src/pages/Home/Body/WebsiteActive.svg b/src/Body/WebsiteActive.svg → src/pages/Home/Body/WebsiteActive.svg
diff --git a/src/Body/WebsiteInactive.svg → src/pages/Home/Body/WebsiteInactive.svg b/src/Body/WebsiteInactive.svg → src/pages/Home/Body/WebsiteInactive.svg
diff --git a/src/Body/index.tsx → src/pages/Home/Body/index.tsx b/src/Body/index.tsx → src/pages/Home/Body/index.tsx
@@ -1,4 +1,4 @@
-import Text from '../Text'
+import Text from '@/components/Text'
 import './Body.scss'
 import './ProjectCards.scss'
 

diff --git a/src/Header/Header.scss → src/pages/Home/Header/Header.scss b/src/Header/Header.scss → src/pages/Home/Header/Header.scss
diff --git a/src/Header/index.tsx → src/pages/Home/Header/index.tsx b/src/Header/index.tsx → src/pages/Home/Header/index.tsx
@@ -1,4 +1,4 @@
-import Text from '../Text'
+import Text from '@/components/Text'
 import SocialButton from '../SocialButton'
 import PhotoOfMeURL from './profile.jpeg'
 import './Header.scss'

diff --git a/src/Header/profile.jpeg → src/pages/Home/Header/profile.jpeg b/src/Header/profile.jpeg → src/pages/Home/Header/profile.jpeg
diff --git a/src/SocialButton/SocialButton.scss → ...pages/Home/SocialButton/SocialButton.scss b/src/SocialButton/SocialButton.scss → ...pages/Home/SocialButton/SocialButton.scss
diff --git a/src/SocialButton/icon-GitHub.png → src/pages/Home/SocialButton/icon-GitHub.png b/src/SocialButton/icon-GitHub.png → src/pages/Home/SocialButton/icon-GitHub.png
diff --git a/src/SocialButton/icon-LinkedIn.png → ...pages/Home/SocialButton/icon-LinkedIn.png b/src/SocialButton/icon-LinkedIn.png → ...pages/Home/SocialButton/icon-LinkedIn.png
diff --git a/src/SocialButton/icon-StackOverflow.png → .../Home/SocialButton/icon-StackOverflow.png b/src/SocialButton/icon-StackOverflow.png → .../Home/SocialButton/icon-StackOverflow.png
diff --git a/src/SocialButton/index.tsx → src/pages/Home/SocialButton/index.tsx b/src/SocialButton/index.tsx → src/pages/Home/SocialButton/index.tsx
diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -0,0 +1,13 @@
+import Header from './Header'
+import Body from './Body'
+
+const Home = () => {
+  return (
+    <div>
+      <Header />
+      <Body />
+    </div>
+  )
+}
+
+export default Home
diff --git a/tsconfig.json b/tsconfig.json
@@ -1,10 +1,16 @@
 {
   "compilerOptions": {
+    "baseUrl": "src",
+    "jsx": "preserve",
     "module": "commonjs",
-    "target": "es5",
+    "outDir": "dist",
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
     "sourceMap": true,
-    "jsx": "preserve",
-    "outDir": "dist"
+    "target": "es5"
   },
   "exclude": [
     "node_modules"

diff --git a/webpack.config.js b/webpack.config.js
@@ -4,7 +4,8 @@ const CopyPlugin = require("copy-webpack-plugin");
 
 const configs = {
   paths: {
-    output: path.resolve(__dirname, 'dist')
+    output: path.resolve(__dirname, 'dist'),
+    src: path.resolve(__dirname, 'src')
   }
 }
 
@@ -65,6 +66,9 @@ module.exports = {
     watchFiles: ['node_modules/terra/dist']
   },
   resolve: {
-    extensions: ['.js', '.json', '.wasm', '.jsx', '.ts', '.tsx']
+    extensions: ['.js', '.json', '.wasm', '.jsx', '.ts', '.tsx'],
+    alias: {
+      '@': [configs.paths.src]
+    }
   }
 }