From bfeefb4c73cb6c02baf1e2099cecdd283da32c35 Mon Sep 17 00:00:00 2001
From: Ed L <beartechtalks@gmail.com>
Date: Sat, 10 Sep 2022 20:25:07 +0100
Subject: [PATCH] feat: use Button component for dev page, linting

---
 src/pages/RevoltApp.tsx           |  2 +-
 src/pages/developer/Developer.tsx | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/pages/RevoltApp.tsx b/src/pages/RevoltApp.tsx
index 23849dd6..3f9d2c48 100644
--- a/src/pages/RevoltApp.tsx
+++ b/src/pages/RevoltApp.tsx
@@ -126,7 +126,7 @@ export default function App() {
                         )}
                         {alert.dismissable !== false && (
                             <a onClick={() => setStatusBar(false)}>
-                                <div className="button">Dismiss</div>
+                                <div className="button">{"Dismiss"}</div>
                             </a>
                         )}
                     </div>
diff --git a/src/pages/developer/Developer.tsx b/src/pages/developer/Developer.tsx
index 3c6009db..5cfcd391 100644
--- a/src/pages/developer/Developer.tsx
+++ b/src/pages/developer/Developer.tsx
@@ -2,6 +2,8 @@ import { Wrench } from "@styled-icons/boxicons-solid";
 
 import { useEffect, useState } from "preact/hooks";
 
+import { Button } from "@revoltchat/ui";
+
 import PaintCounter from "../../lib/PaintCounter";
 import { TextReact } from "../../lib/i18n";
 
@@ -45,8 +47,15 @@ export default function Developer() {
             </div>
 
             <div style={{ padding: "16px" }}>
-                <a style={"cursor: pointer;"} onClick={() => setCrash(true)}>click to crash app</a>
-                {crash && (window as any).sus.sus()}
+                <Button palette="error" onClick={() => setCrash(true)}>
+                    Click to crash app
+                </Button>
+                {
+                    crash &&
+                        (
+                            window as any
+                        ).sus.sus() /* this runs a function that doesn't exist */
+                }
                 {/*<span>
                     <b>Voice Status:</b> {VoiceStatus[voice.status]}
                 </span>