From e3cc72181c9957f0a95bb9d89b7ab6a18f0a861b Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Thu, 7 Jan 2021 09:32:13 +0100
Subject: vierkant.tsx -> ui.tsx

---
 src/components/dialogBox.tsx |  2 +-
 src/components/ui.tsx        | 26 ++++++++++++++++++++++++++
 src/components/vierkant.tsx  | 26 --------------------------
 src/pages/home.tsx           |  2 +-
 src/pages/settings.tsx       |  2 +-
 5 files changed, 29 insertions(+), 29 deletions(-)
 create mode 100644 src/components/ui.tsx
 delete mode 100644 src/components/vierkant.tsx

(limited to 'src')

diff --git a/src/components/dialogBox.tsx b/src/components/dialogBox.tsx
index 778cd7a..74fe99b 100644
--- a/src/components/dialogBox.tsx
+++ b/src/components/dialogBox.tsx
@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-import { Vierkant } from './vierkant';
+import { Vierkant } from './ui';
 
 import CancelIcon from '@material-ui/icons/Cancel';
 
diff --git a/src/components/ui.tsx b/src/components/ui.tsx
new file mode 100644
index 0000000..558eab8
--- /dev/null
+++ b/src/components/ui.tsx
@@ -0,0 +1,26 @@
+import { CSSProperties, ReactNode } from "react";
+
+interface VierkantProps {
+	href?: string;
+	width?: string;
+	height?: string;
+	style?: CSSProperties;
+	children?: ReactNode;
+}
+
+export function Vierkant(props: VierkantProps) {
+	return <a style={{
+		padding: 24,
+		backgroundColor: "var(--background)",
+		borderRadius: 8,
+		color: "var(--text)",
+		margin: 6, // geen margin collapse = 12px marge
+		display: "inline-block",
+		position: "relative",
+		boxSizing: "border-box",
+		width: props.width ? props.width : undefined,
+		height: props.height ? props.height : undefined,
+		...props.style
+	}} href={props.href}>{props.children}</a>
+}
+
diff --git a/src/components/vierkant.tsx b/src/components/vierkant.tsx
deleted file mode 100644
index 558eab8..0000000
--- a/src/components/vierkant.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { CSSProperties, ReactNode } from "react";
-
-interface VierkantProps {
-	href?: string;
-	width?: string;
-	height?: string;
-	style?: CSSProperties;
-	children?: ReactNode;
-}
-
-export function Vierkant(props: VierkantProps) {
-	return <a style={{
-		padding: 24,
-		backgroundColor: "var(--background)",
-		borderRadius: 8,
-		color: "var(--text)",
-		margin: 6, // geen margin collapse = 12px marge
-		display: "inline-block",
-		position: "relative",
-		boxSizing: "border-box",
-		width: props.width ? props.width : undefined,
-		height: props.height ? props.height : undefined,
-		...props.style
-	}} href={props.href}>{props.children}</a>
-}
-
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 7196fc4..3b279e8 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -2,7 +2,7 @@ import { CSSProperties } from 'react';
 
 import { NavBar } from '../components/navbar';
 import { CenteredPage, PageTitle } from '../components/page';
-import { Vierkant } from '../components/vierkant';
+import { Vierkant } from '../components/ui';
 import { AccountAvatar } from '../components/account';
 
 import VideogameAssetIcon from '@material-ui/icons/VideogameAsset';
diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
index 7460055..9446a5f 100644
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -1,6 +1,6 @@
 import { NavBar } from '../components/navbar';
 import { CenteredPage, PageTitle } from '../components/page';
-import { Vierkant } from '../components/vierkant';
+import { Vierkant } from '../components/ui';
 /* import { AccountAvatar } from '../components/account'; */
 
 export default function SettingsPage() {
-- 
cgit v1.2.3