diff --git a/site/src/components/ConfirmDialog/ConfirmDialog.tsx b/site/src/components/ConfirmDialog/ConfirmDialog.tsx index fec223afbd2bb..40be04bbf4efb 100644 --- a/site/src/components/ConfirmDialog/ConfirmDialog.tsx +++ b/site/src/components/ConfirmDialog/ConfirmDialog.tsx @@ -105,7 +105,11 @@ export const ConfirmDialog: React.FC = ({ {description && ( - + {description} )} diff --git a/site/src/components/ResetPasswordDialog/ResetPasswordDialog.tsx b/site/src/components/ResetPasswordDialog/ResetPasswordDialog.tsx index 21f976291d987..c6b81c77ba248 100644 --- a/site/src/components/ResetPasswordDialog/ResetPasswordDialog.tsx +++ b/site/src/components/ResetPasswordDialog/ResetPasswordDialog.tsx @@ -1,11 +1,9 @@ -import DialogActions from "@material-ui/core/DialogActions" -import DialogContent from "@material-ui/core/DialogContent" import DialogContentText from "@material-ui/core/DialogContentText" import { makeStyles } from "@material-ui/core/styles" import { FC } from "react" import * as TypesGen from "../../api/typesGenerated" -import { CodeBlock } from "../CodeBlock/CodeBlock" -import { Dialog, DialogActionButtons, DialogTitle } from "../Dialog/Dialog" +import { CodeExample } from "../CodeExample/CodeExample" +import { ConfirmDialog } from "../ConfirmDialog/ConfirmDialog" export interface ResetPasswordDialogProps { open: boolean @@ -36,32 +34,35 @@ export const ResetPasswordDialog: FC = ({ }) => { const styles = useStyles() - return ( - - - - - {Language.message(user?.username)} - - - - - + const description = ( + <> + {Language.message(user?.username)} + + + + + ) - - - - + return ( + ) } const useStyles = makeStyles(() => ({ codeBlock: { + marginBottom: 0, + }, + codeExample: { minHeight: "auto", userSelect: "all", width: "100%",