beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

minor improvments

Browse source
This commit is contained in:
Abhinav 2021-11-09 15:59:37 +05:30
parent ebe839acf0
commit 1dc5ecb061
1 changed files with 24 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/components/PhotoSwipe/PhotoSwipe.tsx
View file

@ -229,8 +229,7 @@ const FileNameEditForm = ({ filename, saveEdits, discardEdits, extension }) => {
<Form.Group
bsPrefix="ente-form-group"
as={Col}
xs={extension ? 7 : 8}
controlId="formHorizontalFileName">
xs={extension ? 7 : 8}>
<Form.Control
as="textarea"
placeholder={constants.FILE_NAME}
@ -257,30 +256,26 @@ const FileNameEditForm = ({ filename, saveEdits, discardEdits, extension }) => {
</FlexWrapper>
</Form.Group>
)}
<Form.Group
bsPrefix="ente-form-group"
as={Col}
xs={2}
controlId="formHorizontalFileName">
<IconButton type="submit" disabled={loading}>
{loading ? (
<EnteSpinner
style={{
width: '20px',
height: '20px',
}}
/>
) : (
<TickIcon width="24px" height="24px" />
)}
</IconButton>
</Form.Group>
<Form.Group bsPrefix="ente-form-group" as={Col} xs={2}>
<IconButton
onClick={discardEdits}
disabled={loading}>
<CloseIcon />
</IconButton>
<Value width={'16.67%'}>
<IconButton type="submit" disabled={loading}>
{loading ? (
<EnteSpinner
style={{
width: '20px',
height: '20px',
}}
/>
) : (
<TickIcon />
)}
</IconButton>
<IconButton
onClick={discardEdits}
disabled={loading}>
<CloseIcon />
</IconButton>
</Value>
</Form.Group>
</Form.Row>
</Form>
@ -298,7 +293,10 @@ function RenderFileName({
}) {
const originalTitle = file?.metadata.title;
const [isInEditMode, setIsInEditMode] = useState(false);
const [originalFileName, extension] = originalTitle?.split('.', 2);
const [originalFileName, extension] = originalTitle?.split('.', 2) ?? [
undefined,
undefined,
];
const [filename, setFilename] = useState(originalFileName);
const openEditMode = () => setIsInEditMode(true);
const closeEditMode = () => setIsInEditMode(false);