From 6a68833cf7b2bcfb0933d6737b9e33572e344224 Mon Sep 17 00:00:00 2001
From: Sergey Yarkov <serzh.yarkov@gmail.com>
Date: Mon, 15 Aug 2022 17:24:52 +0300
Subject: [PATCH] refactor: moved counter component to content folder

---
 src/components/ArticlesList/ArticlesList.tsx |  2 +-
 src/components/Counter/Counter.scss          | 14 ------
 src/components/Counter/Counter.tsx           | 45 --------------------
 src/components/Counter/index.ts              |  1 -
 src/templates/About.astro                    |  1 -
 5 files changed, 1 insertion(+), 62 deletions(-)
 delete mode 100644 src/components/Counter/Counter.scss
 delete mode 100644 src/components/Counter/Counter.tsx
 delete mode 100644 src/components/Counter/index.ts

diff --git a/src/components/ArticlesList/ArticlesList.tsx b/src/components/ArticlesList/ArticlesList.tsx
index 5c9a255..b059d0c 100644
--- a/src/components/ArticlesList/ArticlesList.tsx
+++ b/src/components/ArticlesList/ArticlesList.tsx
@@ -1,4 +1,4 @@
-import { Component } from "solid-js";
+import type { Component } from "solid-js";
 
 import { createSignal, createEffect, For } from "solid-js";
 import { search, selectedTags } from "@stores/searchStore";
diff --git a/src/components/Counter/Counter.scss b/src/components/Counter/Counter.scss
deleted file mode 100644
index f8ea029..0000000
--- a/src/components/Counter/Counter.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.counter {
-	margin: 2rem 0;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	row-gap: 15px;
-	border: 1px solid var(--border-color);
-	border-radius: var(--border-radius-md);
-	padding: 15px 5px;
-	& div {
-		display: flex;
-		column-gap: 3px;
-	}
-}
diff --git a/src/components/Counter/Counter.tsx b/src/components/Counter/Counter.tsx
deleted file mode 100644
index 3fbe59f..0000000
--- a/src/components/Counter/Counter.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import type { Component } from "solid-js";
-
-import { createSignal, createEffect } from "solid-js";
-import Button from "@components/Button";
-import "./Counter.scss";
-
-const Counter: Component<{ tick?: number }> = (props) => {
-	const [isRunned, setIsRunned] = createSignal<boolean>(false);
-	const [count, setCount] = createSignal<number>(0);
-
-	const run = () => setIsRunned(true);
-	const stop = () => setIsRunned(false);
-	const inc = () => setCount(count() + 1);
-	const dec = () => setCount(count() - 1);
-
-	createEffect(() => {
-		setInterval(() => {
-			if (isRunned()) {
-				setCount(count() + 1);
-			}
-		}, props.tick || 200);
-	});
-
-	return (
-		<div class="counter">
-			<span>{count()}</span>
-			<div>
-				<Button disabled={isRunned()} onClick={run}>
-					Run
-				</Button>
-				<Button disabled={isRunned()} onClick={inc}>
-					+
-				</Button>
-				<Button disabled={isRunned()} onClick={dec}>
-					-
-				</Button>
-				<Button disabled={!isRunned()} onClick={stop}>
-					Stop
-				</Button>
-			</div>
-		</div>
-	);
-};
-
-export default Counter;
diff --git a/src/components/Counter/index.ts b/src/components/Counter/index.ts
deleted file mode 100644
index e09713b..0000000
--- a/src/components/Counter/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from "./Counter";
diff --git a/src/templates/About.astro b/src/templates/About.astro
index b936009..d80fe8e 100644
--- a/src/templates/About.astro
+++ b/src/templates/About.astro
@@ -4,7 +4,6 @@ import PageLayout from "@layouts/default.astro";
 import SkillsList from "@components/SkillsList";
 import SkillsBlock from "@components/SkillsBlock";
 
-// TODO: import content based on user ui language
 import ArticleContent from "@components/ArticleContent";
 import { getLanguageFromURL } from "@root/utils";
 import { useTranslation } from "@i18n/utils";