diff --git a/src/settings/SettingsModal.jsx b/src/settings/SettingsModal.jsx index 3d82000..014f92a 100644 --- a/src/settings/SettingsModal.jsx +++ b/src/settings/SettingsModal.jsx @@ -11,6 +11,7 @@ import { useMediaHandler } from "./useMediaHandler"; import { FieldRow, InputField, ErrorMessage } from "../input/Input"; import { Button } from "../button"; import { useSubmitRageshake } from "./useSubmitRageshake"; +import { Subtitle } from "../typography/Typography"; export function SettingsModal({ client, @@ -27,6 +28,8 @@ export function SettingsModal({ setVideoInput, } = useMediaHandler(client); + const [description, setDescription] = useState(""); + const { submitRageshake, sending, sent, error, downloadDebugLog } = useSubmitRageshake(); @@ -93,8 +96,19 @@ export function SettingsModal({ onChange={(e) => setShowInspector(e.target.checked)} /> </FieldRow> + <Subtitle>Feedback</Subtitle> <FieldRow> - <Button onPress={submitRageshake}> + <InputField + id="description" + name="description" + label="Description" + type="text" + value={description} + onChange={(e) => setDescription(e.target.value)} + /> + </FieldRow> + <FieldRow> + <Button onPress={() => submitRageshake({ description })}> {sent ? "Debug Logs Sent" : sending