From 4c92b12bcb886507d5db738a27bd08e7654f8bfa Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Mon, 29 Mar 2021 21:32:28 +0530
Subject: Changed directory structer a but (?)

---
 src/components/App.js               |  2 +-
 src/components/Tile/Tile.js         | 19 +++++++------------
 src/components/Tile/Tile.scss       |  8 --------
 src/components/Views/Home.css       | 11 +++++++++++
 src/components/Views/Home.js        | 15 +++++++++++++++
 src/components/Views/Home.scss      |  9 +++++++++
 src/components/Views/Home/Home.css  | 17 -----------------
 src/components/Views/Home/Home.js   | 16 ----------------
 src/components/Views/Home/Home.scss | 17 -----------------
 9 files changed, 43 insertions(+), 71 deletions(-)
 create mode 100644 src/components/Views/Home.js
 create mode 100644 src/components/Views/Home.scss
 delete mode 100644 src/components/Views/Home/Home.css
 delete mode 100644 src/components/Views/Home/Home.js
 delete mode 100644 src/components/Views/Home/Home.scss

(limited to 'src/components')

diff --git a/src/components/App.js b/src/components/App.js
index 4f71c90..660e7f6 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,6 +1,6 @@
 import React from "react";
 import Header from "./Header/Header";
-import HomeView from "./Views/Home/Home";
+import HomeView from "./Views/Home";
 
 const App = () => {
 	const currentview = "home";
diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
index 6fa7f2c..2c67741 100644
--- a/src/components/Tile/Tile.js
+++ b/src/components/Tile/Tile.js
@@ -1,20 +1,15 @@
 import React from "react";
 // import React, { useState } from "react";
-import "./Tile.css";
+// import "./Tile.css";
 
 const Tile = (props) => {
-	// const [,] = useState()
-	
-	const style = {
-		height: props.height;
-		width: props.width;
-		backgroundColor: props.colorBG
-		// textColor: props.colorFG
-	}
-
+	// const [activeLink, updateActiveLink] = useState("home")
 	return (
-		<div className={"tile"} style={style}></div>
+		<div className={"tile"} style={{
+			"height": props.height,
+			"width": props.width
+		}}></div>
 	)
 }
 
-export default Tile
+export default Tile;
diff --git a/src/components/Tile/Tile.scss b/src/components/Tile/Tile.scss
index 54a5ad7..d1c62ce 100644
--- a/src/components/Tile/Tile.scss
+++ b/src/components/Tile/Tile.scss
@@ -1,12 +1,4 @@
 @import "../../../styles/theme";
-@import "../../../styles/view";
-
-.view {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: center;;
-}
 
 .tile {
 	width: 5rem;
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.js b/src/components/Views/Home.js
new file mode 100644
index 0000000..ab8b66f
--- /dev/null
+++ b/src/components/Views/Home.js
@@ -0,0 +1,15 @@
+import React from "react";
+// import React, { useState } from "react";
+import "./../Tile/Tile";
+import "./Home.css";
+
+const HomeView = () => {
+	// const [activeLink, updateActiveLink] = useState("home")
+	return (
+		<div className={"view"}>
+			<Tile height="1rem" width="1rem"></Tile>
+		</div>
+	)
+}
+
+export default HomeView
diff --git a/src/components/Views/Home.scss b/src/components/Views/Home.scss
new file mode 100644
index 0000000..cd07dd5
--- /dev/null
+++ b/src/components/Views/Home.scss
@@ -0,0 +1,9 @@
+@import "../../../styles/theme";
+@import "../../../styles/view";
+
+.view {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: center;;
+}
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; }
diff --git a/src/components/Views/Home/Home.js b/src/components/Views/Home/Home.js
deleted file mode 100644
index 51c4c4f..0000000
--- a/src/components/Views/Home/Home.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-// import React, { useState } from "react";
-import "./Home.css";
-
-const HomeView = (procs) => {
-	const tileHeight = procs.height;
-	const tileWidth = procs.width;
-	// const [activeLink, updateActiveLink] = useState("home")
-	return (
-		<div className={"view"}>
-			<div className={"tile"}></div>
-		</div>
-	)
-}
-
-export default HomeView
diff --git a/src/components/Views/Home/Home.scss b/src/components/Views/Home/Home.scss
deleted file mode 100644
index 54a5ad7..0000000
--- a/src/components/Views/Home/Home.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-@import "../../../styles/theme";
-@import "../../../styles/view";
-
-.view {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: center;;
-}
-
-.tile {
-	width: 5rem;
-	height: 5rem;
-
-	border: 1px dashed $defFG;
-	margin: 1rem;
-}
-- 
cgit v1.2.3