Add debug log inspector / rageshake

src/settings/SettingsModal.jsx

@@ -9,6 +9,8 @@ import { SelectInput } from "../input/SelectInput";
 import { Item } from "@react-stately/collections";
 import { useMediaHandler } from "./useMediaHandler";
 import { FieldRow, InputField } from "../input/Input";
+import { Button } from "../button";
+import { useSubmitRageshake } from "./useSubmitRageshake";
 
 export function SettingsModal({
   client,
@@ -25,6 +27,8 @@ export function SettingsModal({
     setVideoInput,
   } = useMediaHandler(client);
 
+  const { submitRageshake, downloadDebugLog } = useSubmitRageshake();
+
   return (
     <Modal
       title="Settings"
@@ -88,6 +92,12 @@ export function SettingsModal({
               onChange={(e) => setShowInspector(e.target.checked)}
             />
           </FieldRow>
+          <FieldRow>
+            <Button onPress={submitRageshake}>Send Debug Logs</Button>
+          </FieldRow>
+          <FieldRow>
+            <Button onPress={downloadDebugLog}>Download Debug Logs</Button>
+          </FieldRow>
         </TabItem>
       </TabContainer>
     </Modal>