kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-08 07:28:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Inline

Browse Source
This commit is contained in:
Manav Rathi 2024-10-03 16:56:37 +05:30
parent 51ba9270e7
commit 6ccc85d318
No known key found for this signature in database
2 changed files with 23 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/apps/photos/src/components/Upload/UploadTypeSelector.tsx
View File

@ -1,15 +1,24 @@
import { useIsTouchscreen } from "@/base/hooks";
import { FocusVisibleButton } from "@/new/photos/components/FocusVisibleButton";
import { SpaceBetweenFlex } from "@/new/photos/components/mui";
import DialogTitleWithCloseButton, {
DialogTitleWithCloseButtonSm,
dialogCloseHandler,
} from "@ente/shared/components/DialogBox/TitleWithCloseButton";
import { EnteMenuItem } from "@ente/shared/components/Menu/EnteMenuItem";
import ChevronRight from "@mui/icons-material/ChevronRight";
import CloseIcon from "@mui/icons-material/Close";
import GoogleIcon from "@mui/icons-material/Google";
import { default as FileUploadIcon } from "@mui/icons-material/ImageOutlined";
import { default as FolderUploadIcon } from "@mui/icons-material/PermMediaOutlined";
import { Box, Dialog, Link, Stack, Typography } from "@mui/material";
import {
Box,
Dialog,
DialogTitle,
IconButton,
Link,
Stack,
Typography,
} from "@mui/material";
import { t } from "i18next";
import React, { useContext, useEffect, useState } from "react";
import { PublicCollectionGalleryContext } from "utils/publicCollectionGallery";
@ -211,9 +220,18 @@ const TakeoutOptions: React.FC<Omit<OptionsProps, "intent">> = ({
}) => {
return (
<>
<DialogTitleWithCloseButtonSm onClose={onClose}>
{t("google_takeout")}
</DialogTitleWithCloseButtonSm>
<DialogTitle>
<SpaceBetweenFlex>
{t("google_takeout")}
<IconButton
aria-label={t("close")}
color="secondary"
onClick={onClose}
>
<CloseIcon />
</IconButton>
</SpaceBetweenFlex>
</DialogTitle>
<Box p={1.5}>
<Stack gap={2.5}>

22
web/packages/shared/components/DialogBox/TitleWithCloseButton.tsx
View File

@ -37,28 +37,6 @@ const DialogTitleWithCloseButton: React.FC<
};
export default DialogTitleWithCloseButton;
export const DialogTitleWithCloseButtonSm: React.FC<
React.PropsWithChildren<DialogTitleWithCloseButtonProps>
> = ({ children, onClose }) => {
return (
<DialogTitle>
<SpaceBetweenFlex>
{children}
{onClose && (
<IconButton
aria-label="close"
onClick={onClose}
sx={{ float: "right" }}
color="secondary"
>
<CloseIcon />
</IconButton>
)}
</SpaceBetweenFlex>
</DialogTitle>
);
};
export const dialogCloseHandler =
({
staticBackdrop,