From e17bc96e330077454172e9750053491faeccc8fd Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Fri, 5 Feb 2021 17:16:52 +0100
Subject: move SettingsPageButton to IconPageButton in ui.tsx

---
 components/ui.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'components')

diff --git a/components/ui.tsx b/components/ui.tsx
index 2523745..11b9ddd 100644
--- a/components/ui.tsx
+++ b/components/ui.tsx
@@ -59,6 +59,29 @@ export function Button(props: {
 	</a>;
 }
 
+export function IconLabelButton(props: {
+	text: string;
+	icon: ReactNode;
+	onclick?: () => void;
+}) {
+	return <Button onclick={props.onclick} style={{
+		display: "inline-block",
+		verticalAlign: "top",
+		padding: 8,
+		float: "right",
+		marginLeft: 12
+	}}>
+		{props.icon}
+		<span style={{
+			display: "inline-block",
+			verticalAlign: "top",
+			fontWeight: 500,
+			marginLeft: 8,
+			marginTop: 3, marginBottom: 3, marginRight: 3
+		}}>{props.text}</span>
+	</Button>
+}
+
 export function Input(props: {
 	label?: string;
 	style?: CSSProperties;
-- 
cgit v1.2.3