adapting and shit

frontend/src/elements/Button/index.tsx

@@ -0,0 +1,13 @@
+import { Button as AntButton, ButtonProps } from 'antd'
+import React from 'react'
+import './style.scss'
+
+type Props = ButtonProps
+
+export const Button = ({ children, htmlType }: Props) => {
+  return (
+    <AntButton className="dank-button" htmlType={htmlType}>
+      {children}
+    </AntButton>
+  )
+}

frontend/src/elements/Button/style.scss

@@ -0,0 +1,4 @@
+.dank-button {
+  cursor: pointer;
+  // shit here
+}

frontend/src/elements/Form/index.tsx

@@ -0,0 +1,8 @@
+import { Form as AntForm, FormProps } from 'antd'
+import './style.scss'
+
+type Props = FormProps
+
+export const Form = ({ children }: Props) => {
+  return <AntForm className="dank-form">{children}</AntForm>
+}

frontend/src/elements/Form/style.scss

@@ -0,0 +1,27 @@
+.dank-form {
+  display: flex;
+  flex-direction: column;
+  background: #1115;
+  border: 1ch #1117 solid;
+  padding: 3ch;
+  border-radius: 1ch;
+  color: #ccc;
+  label {
+    margin: 0.5ch;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+
+    input {
+      margin-left: 2ch;
+    }
+  }
+
+  h3 {
+    color: #666;
+  }
+
+  button {
+    margin: 4ch 1ch;
+  }
+}

frontend/src/elements/Toast/index.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import './style.scss'
+
+type Props = {
+  title: string
+  type: 'success' | 'error'
+  children: React.ReactNode
+}
+
+export const Toast = (props: Props) => {
+  // show me a toast
+
+  return null
+}

frontend/src/elements/Toast/style.scss

@@ -0,0 +1,25 @@
+.dank-toast {
+  position: absolute;
+  left: 1ch;
+  bottom: 4ch;
+  padding: 1ch 2ch;
+  border-radius: 1ch;
+
+  transition: all 0.2s ease-in-out;
+
+  &.error {
+    color: #ffffff;
+    background: #b40303;
+    opacity: 1;
+  }
+
+  &.good {
+    color: #ffffff;
+    background: #009b46;
+    opacity: 1;
+  }
+
+  &.off {
+    opacity: 0;
+  }
+}