From 88e2726fc1fc6cec2b9e63526ce4c0a1a04a2e98 Mon Sep 17 00:00:00 2001
From: LLLL Colonq <llll@colonq>
Date: Fri, 1 Mar 2024 18:39:11 -0500
Subject: Add new frontend

---
 fig-frontend/client/src/components/footer.ts | 72 ----------------------------
 1 file changed, 72 deletions(-)
 delete mode 100644 fig-frontend/client/src/components/footer.ts

(limited to 'fig-frontend/client/src/components/footer.ts')

diff --git a/fig-frontend/client/src/components/footer.ts b/fig-frontend/client/src/components/footer.ts
deleted file mode 100644
index 64e35ae..0000000
--- a/fig-frontend/client/src/components/footer.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { html, css, LitElement } from "lit";
-import { customElement, state } from "lit/decorators.js";
-
-import * as Config from "../config";
-import * as State from "../state";
-import * as Twitch from "../twitch";
-
-@customElement("fig-footer")
-export class Footer extends LitElement {
-  private global = State.global;
-  static styles = css`
-#footer {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  height: 4ex;
-  background: linear-gradient(0deg, rgba(79,39,0,1) 0%, rgba(212,151,113,1) 50%, rgba(213,139,45,1) 100%);
-}
-button {
-  font-family: "Rubik Maps";
-  height: 100%;
-  color: black;
-  border-style: none;
-  background: linear-gradient(0deg, rgba(79,39,0,1) 0%, rgba(212,151,113,1) 50%, rgba(213,139,45,1) 100%);
-  filter: brightness(125%);
-}
-button:hover {
-  filter: brightness(150%);
-}
-button:active {
-  filter: brightness(75%);
-}
-`;
-
-  // twitch login
-  login() {
-    Twitch.startTwitchAuth();
-  }
-  async check() {
-    const resp = await fetch(`${Config.API_URL}/check`);
-    console.log(await resp.text());
-  }
-  button_login() {
-    const token = Twitch.getAuthToken();
-    console.log(token);
-    if (token) {
-      return html`
-<button @click=${this.check}>CHECK</button>
-`;
-    } else {
-      return html`
-<button @click=${this.login}>LOGIN</button>
-`;
-    }
-  }
-
-  // toggle gizmo pane
-  toggle_gizmo() {
-    console.log(this.global.gizmo_active);
-    this.global.toggle_gizmo();
-  }
-
-  render() {
-    return html`
-<div id="footer">
-  ${this.button_login()}
-  <button @click=${this.toggle_gizmo}>GIZMO</button>
-</div>
-`;
-  }
-}
-- 
cgit v1.2.3