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

remove unneccesary states and ui

Browse source
This commit is contained in:
Abhinav 2022-06-15 03:39:07 +05:30
parent 02eff53dda
commit a3aec2e01f
2 changed files with 17 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/FixCreationTime/options.tsx
View file

@ -69,8 +69,7 @@ export default function FixCreationTimeOptions({ handleChange, values }) {
{Number(values.option) === FIX_OPTIONS.CUSTOM_TIME && (
<Value width="40%">
<EnteDateTimePicker
value={values.customTime}
onChange={(x: Date) =>
onSubmit={(x: Date) =>
handleChange('customTime')(x.toUTCString())
}
/>

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

@ -10,8 +10,6 @@ import {
import EditIcon from 'components/icons/EditIcon';
import { IconButton, Label, Row, Value } from 'components/Container';
import { logError } from 'utils/sentry';
import CloseIcon from '@mui/icons-material/Close';
import TickIcon from '@mui/icons-material/Done';
import { SmallLoadingSpinner } from '../styledComponents/SmallLoadingSpinner';
import EnteDateTimePicker from 'components/EnteDateTimePicker';
@ -28,12 +26,10 @@ export function RenderCreationTime({
const originalCreationTime = new Date(file?.metadata.creationTime / 1000);
const [isInEditMode, setIsInEditMode] = useState(false);
const [pickedTime, setPickedTime] = useState(originalCreationTime);
const openEditMode = () => setIsInEditMode(true);
const closeEditMode = () => setIsInEditMode(false);
const saveEdits = async () => {
const saveEdits = async (pickedTime: Date) => {
try {
setLoading(true);
if (isInEditMode && file) {
@ -59,10 +55,6 @@ export function RenderCreationTime({
setLoading(false);
}
};
const discardEdits = () => {
setPickedTime(originalCreationTime);
closeEditMode();
};
return (
<>
@ -70,45 +62,31 @@ export function RenderCreationTime({
<Label width="30%">{constants.CREATION_TIME}</Label>
<Value
width={
!shouldDisableEdits
? isInEditMode
? '50%'
: '60%'
: '70%'
!shouldDisableEdits ? !isInEditMode && '60%' : '70%'
}>
{isInEditMode ? (
<>
<EnteDateTimePicker
loading={loading}
value={pickedTime}
onChange={setPickedTime}
initialValue={originalCreationTime}
disabled={loading}
onSubmit={saveEdits}
onClose={closeEditMode}
/>
</>
) : (
formatDateTime(pickedTime)
formatDateTime(originalCreationTime)
)}
</Value>
{!shouldDisableEdits && (
{!shouldDisableEdits && !isInEditMode && (
<Value
width={isInEditMode ? '20%' : '10%'}
width={'10%'}
style={{ cursor: 'pointer', marginLeft: '10px' }}>
{!isInEditMode ? (
{loading ? (
<IconButton>
<SmallLoadingSpinner />
</IconButton>
) : (
<IconButton onClick={openEditMode}>
<EditIcon />
</IconButton>
) : (
<>
<IconButton onClick={saveEdits}>
{loading ? (
<SmallLoadingSpinner />
) : (
<TickIcon />
)}
</IconButton>
<IconButton onClick={discardEdits}>
<CloseIcon />
</IconButton>
</>
)}
</Value>
)}