Changed directory structer a but (?)

4 files changed, 14 insertions, 29 deletions

diff --git a/src/components/Views/Home.css b/src/components/Views/Home.css
index e69de29..39a8bc2 100644
--- a/src/components/Views/Home.css
+++ b/src/components/Views/Home.css
@@ -0,0 +1,11 @@
+@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
+/* Experimental color scheme */
+.view {
+  width: 80%;
+  margin: 2rem auto; }
+
+.view {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center; }
diff --git a/src/components/Views/Home/Home.js b/src/components/Views/Home.js
index 51c4c4f..ab8b66f 100644
--- a/src/components/Views/Home/Home.js
+++ b/src/components/Views/Home.js
@@ -1,14 +1,13 @@
 import React from "react";
 // import React, { useState } from "react";
+import "./../Tile/Tile";
 import "./Home.css";
 
-const HomeView = (procs) => {
-	const tileHeight = procs.height;
-	const tileWidth = procs.width;
+const HomeView = () => {
 	// const [activeLink, updateActiveLink] = useState("home")
 	return (
 		<div className={"view"}>
-			<div className={"tile"}></div>
+			<Tile height="1rem" width="1rem"></Tile>
 		</div>
 	)
 }
diff --git a/src/components/Views/Home/Home.scss b/src/components/Views/Home.scss
index 54a5ad7..cd07dd5 100644
--- a/src/components/Views/Home/Home.scss
+++ b/src/components/Views/Home.scss
@@ -7,11 +7,3 @@
 	flex-wrap: wrap;
 	justify-content: center;;
 }
-
-.tile {
-	width: 5rem;
-	height: 5rem;
-
-	border: 1px dashed $defFG;
-	margin: 1rem;
-}
diff --git a/src/components/Views/Home/Home.css b/src/components/Views/Home/Home.css
deleted file mode 100644
index 4f5cb8d..0000000
--- a/src/components/Views/Home/Home.css
+++ /dev/null
@@ -1,17 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
-/* Experimental color scheme */
-.view {
-  width: 80%;
-  margin: 2rem auto; }
-
-.view {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center; }
-
-.tile {
-  width: 5rem;
-  height: 5rem;
-  border: 1px dashed #000000;
-  margin: 1rem; }