update info title
This commit is contained in:
parent
6bba526bb0
commit
69bc45acb1
|
@ -7,7 +7,6 @@ import {
|
||||||
Box,
|
Box,
|
||||||
DialogProps,
|
DialogProps,
|
||||||
Drawer,
|
Drawer,
|
||||||
IconButton,
|
|
||||||
Link,
|
Link,
|
||||||
Stack,
|
Stack,
|
||||||
styled,
|
styled,
|
||||||
|
@ -17,7 +16,6 @@ import { Location, Metadata } from 'types/upload';
|
||||||
import Photoswipe from 'photoswipe';
|
import Photoswipe from 'photoswipe';
|
||||||
import { getEXIFLocation } from 'services/upload/exifService';
|
import { getEXIFLocation } from 'services/upload/exifService';
|
||||||
import { RenderCaption } from './RenderCaption';
|
import { RenderCaption } from './RenderCaption';
|
||||||
import CloseIcon from '@mui/icons-material/Close';
|
|
||||||
import {
|
import {
|
||||||
BackupOutlined,
|
BackupOutlined,
|
||||||
FolderOutlined,
|
FolderOutlined,
|
||||||
|
@ -28,6 +26,7 @@ import { FlexWrapper } from 'components/Container';
|
||||||
import CopyButton from 'components/CodeBlock/CopyButton';
|
import CopyButton from 'components/CodeBlock/CopyButton';
|
||||||
import { formatDateShort, formatTime } from 'utils/time';
|
import { formatDateShort, formatTime } from 'utils/time';
|
||||||
import { Badge } from 'components/Badge';
|
import { Badge } from 'components/Badge';
|
||||||
|
import Titlebar from 'components/Titlebar';
|
||||||
|
|
||||||
const FileInfoSidebar = styled((props: DialogProps) => (
|
const FileInfoSidebar = styled((props: DialogProps) => (
|
||||||
<Drawer {...props} anchor="right" />
|
<Drawer {...props} anchor="right" />
|
||||||
|
@ -92,14 +91,7 @@ export function FileInfo({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<FileInfoSidebar open={showInfo} onClose={handleCloseInfo}>
|
<FileInfoSidebar open={showInfo} onClose={handleCloseInfo}>
|
||||||
<Box>
|
<Titlebar onClose={handleCloseInfo} title={constants.INFO} />
|
||||||
<IconButton color="secondary" onClick={handleCloseInfo}>
|
|
||||||
<CloseIcon />
|
|
||||||
</IconButton>
|
|
||||||
<Typography variant="h3" fontWeight={'bold'} px={2} py={0.5}>
|
|
||||||
{constants.INFO}
|
|
||||||
</Typography>
|
|
||||||
</Box>
|
|
||||||
<Stack pt={1} pb={3} spacing={'20px'}>
|
<Stack pt={1} pb={3} spacing={'20px'}>
|
||||||
<RenderCaption
|
<RenderCaption
|
||||||
shouldDisableEdits={shouldDisableEdits}
|
shouldDisableEdits={shouldDisableEdits}
|
||||||
|
|
Loading…
Reference in a new issue