diff --git a/job-tracker-ui/src/confirm.tsx b/job-tracker-ui/src/confirm.tsx index 6d50f1a..28476ff 100644 --- a/job-tracker-ui/src/confirm.tsx +++ b/job-tracker-ui/src/confirm.tsx @@ -1,5 +1,5 @@ import React, { createContext, useCallback, useContext, useMemo, useState } from "react"; -import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography } from "@mui/material"; +import { Alert, Button, Dialog, DialogActions, DialogContent, DialogTitle, Typography } from "@mui/material"; type ConfirmOptions = { title?: string; @@ -59,6 +59,9 @@ export function ConfirmProvider({ children }: { children: React.ReactNode }) { closeWith(false)} fullWidth maxWidth="xs"> {state.title} + + {state.destructive ? "This action may be hard to undo." : "Please confirm this action."} + {state.message} diff --git a/job-tracker-ui/src/prompt.tsx b/job-tracker-ui/src/prompt.tsx index c13683a..183119d 100644 --- a/job-tracker-ui/src/prompt.tsx +++ b/job-tracker-ui/src/prompt.tsx @@ -62,7 +62,7 @@ export function PromptProvider({ children }: { children: React.ReactNode }) { {state.title} {state.message} - setValue(e.target.value)} /> + setValue(e.target.value)} inputProps={{ maxLength: 180 }} helperText={`${value.length}/180`} />