From 4a3d60d1969ccda4b39dc98d20178bb41176b0dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20Babi=C4=8D?= <peter@peterbabic.dev>
Date: Tue, 23 Mar 2021 21:45:18 +0100
Subject: [PATCH] move components to their designated directory

---
 README.md                               | 2 ++
 src/{ => Components}/About.svelte       | 0
 src/{ => Components}/App.svelte         | 9 ++++-----
 src/{ => Components}/Button.svelte      | 0
 src/{ => Components}/LevelButton.svelte | 2 +-
 src/{ => Components}/Modal.svelte       | 0
 src/{ => Components}/Triangle.svelte    | 0
 src/main.js                             | 2 +-
 8 files changed, 8 insertions(+), 7 deletions(-)
 rename src/{ => Components}/About.svelte (100%)
 rename src/{ => Components}/App.svelte (96%)
 rename src/{ => Components}/Button.svelte (100%)
 rename src/{ => Components}/LevelButton.svelte (92%)
 rename src/{ => Components}/Modal.svelte (100%)
 rename src/{ => Components}/Triangle.svelte (100%)

diff --git a/README.md b/README.md
index a8c4e95..148ce5f 100644
--- a/README.md
+++ b/README.md
@@ -68,6 +68,8 @@ I did not find a solution to yet, that happes during test.
 - [x] add about page
 - [x] fix victory / gameover modal
 - [x] handle U, R and A keypresses
+- [ ] polish the `App.svelte`, it is too large
+- [ ] fix the problem of top row getting out of the screen
 
 ## License
 
diff --git a/src/About.svelte b/src/Components/About.svelte
similarity index 100%
rename from src/About.svelte
rename to src/Components/About.svelte
diff --git a/src/App.svelte b/src/Components/App.svelte
similarity index 96%
rename from src/App.svelte
rename to src/Components/App.svelte
index daea5d2..d5b6dcf 100644
--- a/src/App.svelte
+++ b/src/Components/App.svelte
@@ -1,5 +1,5 @@
 <script context="module">
-  import Graph from "./Graph"
+  import Graph from "../Graph"
 
   const adjcs = new Graph()
   const jumps = new Graph()
@@ -48,11 +48,10 @@
 </script>
 
 <script>
-  import { fade } from "svelte/transition"
-  import { completed } from "./store.js"
-  import { levels, colors } from "./levels.js"
+  import { completed } from "../store.js"
+  import { levels, colors } from "../levels.js"
   import Button from "./Button.svelte"
-  import Tailwind from "./Components/Tailwind.svelte"
+  import Tailwind from "./Tailwind.svelte"
   import LevelButton from "./LevelButton.svelte"
   import Modal from "./Modal.svelte"
   import About from "./About.svelte"
diff --git a/src/Button.svelte b/src/Components/Button.svelte
similarity index 100%
rename from src/Button.svelte
rename to src/Components/Button.svelte
diff --git a/src/LevelButton.svelte b/src/Components/LevelButton.svelte
similarity index 92%
rename from src/LevelButton.svelte
rename to src/Components/LevelButton.svelte
index 58cc3e8..ae78dc5 100644
--- a/src/LevelButton.svelte
+++ b/src/Components/LevelButton.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { completed } from "./store.js"
+  import { completed } from "../store.js"
 
   export let i
   export let level
diff --git a/src/Modal.svelte b/src/Components/Modal.svelte
similarity index 100%
rename from src/Modal.svelte
rename to src/Components/Modal.svelte
diff --git a/src/Triangle.svelte b/src/Components/Triangle.svelte
similarity index 100%
rename from src/Triangle.svelte
rename to src/Components/Triangle.svelte
diff --git a/src/main.js b/src/main.js
index 770949f..798d8e8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-import App from "./App.svelte"
+import App from "./Components/App.svelte"
 
 const app = new App({
   target: document.body,