remove unneccesary states and ui
This commit is contained in:
parent
02eff53dda
commit
a3aec2e01f
|
@ -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())
|
||||
}
|
||||
/>
|
||||
|
|
|
@ -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}
|
||||
/>
|
||||
</>
|
||||
<EnteDateTimePicker
|
||||
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>
|
||||
)}
|
||||
|
|
Loading…
Reference in a new issue