TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Attempt to fix the focus getting lost

Browse Source
This commit is contained in:
Manav Rathi
2024-09-14 19:18:31 +05:30
parent 4f00a87e29
commit 3a10c853d0
1 changed files with 26 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
web/apps/photos/src/components/UserNameInputDialog.tsx
View File

@@ -1,7 +1,8 @@
import DialogBox from "@ente/shared/components/DialogBox/";
import DialogBox from "@ente/shared/components/DialogBox/base";
import DialogIcon from "@ente/shared/components/DialogBox/DialogIcon";
import SingleInputForm from "@ente/shared/components/SingleInputForm";
import AutoAwesomeOutlinedIcon from "@mui/icons-material/AutoAwesomeOutlined";
import { Typography } from "@mui/material";
import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { t } from "i18next";
export default function UserNameInputDialog({
@@ -15,31 +16,30 @@ export default function UserNameInputDialog({
onClose();
await onNameSubmit(inputValue);
};
return (
<DialogBox
size="xs"
open={open}
onClose={onClose}
attributes={{
title: t("ENTER_NAME"),
icon: <AutoAwesomeOutlinedIcon />,
}}
>
<Typography color={"text.muted"} pb={1}>
{t("PUBLIC_UPLOADER_NAME_MESSAGE")}
</Typography>
<SingleInputForm
hiddenLabel
initialValue={uploaderName}
callback={handleSubmit}
placeholder={t("NAME_PLACEHOLDER")}
buttonText={t("add_photos_count", {
count: toUploadFilesCount ?? 0,
})}
fieldType="text"
blockButton
secondaryButtonAction={onClose}
/>
<DialogBox maxWidth="xs" open={open} onClose={onClose}>
<DialogIcon icon={<AutoAwesomeOutlinedIcon />} />
<DialogTitle>{t("ENTER_NAME")}</DialogTitle>
<DialogContent>
<Typography color={"text.muted"} pb={1}>
{t("PUBLIC_UPLOADER_NAME_MESSAGE")}
</Typography>
<SingleInputForm
hiddenLabel
initialValue={uploaderName}
callback={handleSubmit}
placeholder={t("NAME_PLACEHOLDER")}
buttonText={t("add_photos_count", {
count: toUploadFilesCount ?? 0,
})}
fieldType="text"
blockButton
secondaryButtonAction={onClose}
/>
</DialogContent>
</DialogBox>
);
}