59 lines
2.0 KiB
TypeScript
59 lines
2.0 KiB
TypeScript
import { Text, Title } from '@/Components/Preferences/PreferencesComponents/Content'
|
|
import Button from '@/Components/Button/Button'
|
|
import { SyncQueueStrategy } from '@standardnotes/snjs'
|
|
import { STRING_GENERIC_SYNC_ERROR } from '@/Constants/Strings'
|
|
import { observer } from 'mobx-react-lite'
|
|
import { WebApplication } from '@/Application/Application'
|
|
import { FunctionComponent, useState } from 'react'
|
|
import { formatLastSyncDate } from '@/Utils/FormatLastSyncDate'
|
|
import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
|
|
import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
|
|
|
|
type Props = {
|
|
application: WebApplication
|
|
}
|
|
|
|
const Sync: FunctionComponent<Props> = ({ application }: Props) => {
|
|
const [isSyncingInProgress, setIsSyncingInProgress] = useState(false)
|
|
const [lastSyncDate, setLastSyncDate] = useState(formatLastSyncDate(application.sync.getLastSyncDate() as Date))
|
|
|
|
const doSynchronization = async () => {
|
|
setIsSyncingInProgress(true)
|
|
|
|
const response = await application.sync.sync({
|
|
queueStrategy: SyncQueueStrategy.ForceSpawnNew,
|
|
checkIntegrity: true,
|
|
})
|
|
setIsSyncingInProgress(false)
|
|
if (response && (response as any).error) {
|
|
application.alertService.alert(STRING_GENERIC_SYNC_ERROR).catch(console.error)
|
|
} else {
|
|
setLastSyncDate(formatLastSyncDate(application.sync.getLastSyncDate() as Date))
|
|
}
|
|
}
|
|
|
|
return (
|
|
<PreferencesGroup>
|
|
<PreferencesSegment>
|
|
<div className="flex flex-row items-center">
|
|
<div className="flex-grow flex flex-col">
|
|
<Title>Sync</Title>
|
|
<Text>
|
|
Last synced <span className="font-bold">on {lastSyncDate}</span>
|
|
</Text>
|
|
<Button
|
|
className="min-w-20 mt-3"
|
|
variant="normal"
|
|
label="Sync now"
|
|
disabled={isSyncingInProgress}
|
|
onClick={doSynchronization}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</PreferencesSegment>
|
|
</PreferencesGroup>
|
|
)
|
|
}
|
|
|
|
export default observer(Sync)
|