Eric Bailey
9cd4f92027
* Add interaction settings screen * Move header out of interaction settings form * WIP hook it up * Thread through default settings into composer * Update copy pasta * Handle edited state * Copy feedback * Sentence case Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * Update copy * Bump SDK * Fix new type error * Less in your face * Remove new dep * Add slot * Copy edit --------- Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com>
111 lines
3.5 KiB
TypeScript
111 lines
3.5 KiB
TypeScript
import React from 'react'
|
|
import {View} from 'react-native'
|
|
import {msg, Trans} from '@lingui/macro'
|
|
import {useLingui} from '@lingui/react'
|
|
|
|
import {saveBytesToDisk} from '#/lib/media/manip'
|
|
import {logger} from '#/logger'
|
|
import {useAgent} from '#/state/session'
|
|
import * as Toast from '#/view/com/util/Toast'
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {Button, ButtonIcon, ButtonText} from '#/components/Button'
|
|
import * as Dialog from '#/components/Dialog'
|
|
import {Download_Stroke2_Corner0_Rounded as DownloadIcon} from '#/components/icons/Download'
|
|
import {InlineLinkText} from '#/components/Link'
|
|
import {Loader} from '#/components/Loader'
|
|
import {Text} from '#/components/Typography'
|
|
|
|
export function ExportCarDialog({
|
|
control,
|
|
}: {
|
|
control: Dialog.DialogOuterProps['control']
|
|
}) {
|
|
const {_} = useLingui()
|
|
const t = useTheme()
|
|
const agent = useAgent()
|
|
const [loading, setLoading] = React.useState(false)
|
|
|
|
const download = React.useCallback(async () => {
|
|
if (!agent.session) {
|
|
return // shouldnt ever happen
|
|
}
|
|
try {
|
|
setLoading(true)
|
|
const did = agent.session.did
|
|
const downloadRes = await agent.com.atproto.sync.getRepo({did})
|
|
const saveRes = await saveBytesToDisk(
|
|
'repo.car',
|
|
downloadRes.data,
|
|
downloadRes.headers['content-type'] || 'application/vnd.ipld.car',
|
|
)
|
|
|
|
if (saveRes) {
|
|
Toast.show(_(msg`File saved successfully!`))
|
|
}
|
|
} catch (e) {
|
|
logger.error('Error occurred while downloading CAR file', {message: e})
|
|
Toast.show(_(msg`Error occurred while saving file`), 'xmark')
|
|
} finally {
|
|
setLoading(false)
|
|
control.close()
|
|
}
|
|
}, [_, control, agent])
|
|
|
|
return (
|
|
<Dialog.Outer control={control}>
|
|
<Dialog.Handle />
|
|
<Dialog.ScrollableInner
|
|
accessibilityDescribedBy="dialog-description"
|
|
accessibilityLabelledBy="dialog-title">
|
|
<View style={[a.relative, a.gap_lg, a.w_full]}>
|
|
<Text nativeID="dialog-title" style={[a.text_2xl, a.font_bold]}>
|
|
<Trans>Export My Data</Trans>
|
|
</Text>
|
|
<Text nativeID="dialog-description" style={[a.text_sm]}>
|
|
<Trans>
|
|
Your account repository, containing all public data records, can
|
|
be downloaded as a "CAR" file. This file does not include media
|
|
embeds, such as images, or your private data, which must be
|
|
fetched separately.
|
|
</Trans>
|
|
</Text>
|
|
|
|
<Button
|
|
variant="solid"
|
|
color="primary"
|
|
size="large"
|
|
label={_(msg`Download CAR file`)}
|
|
disabled={loading}
|
|
onPress={download}>
|
|
<ButtonIcon icon={DownloadIcon} />
|
|
<ButtonText>
|
|
<Trans>Download CAR file</Trans>
|
|
</ButtonText>
|
|
{loading && <ButtonIcon icon={Loader} />}
|
|
</Button>
|
|
|
|
<Text
|
|
style={[
|
|
t.atoms.text_contrast_medium,
|
|
a.text_sm,
|
|
a.leading_snug,
|
|
a.flex_1,
|
|
]}>
|
|
<Trans>
|
|
This feature is in beta. You can read more about repository
|
|
exports in{' '}
|
|
<InlineLinkText
|
|
label={_(msg`View blogpost for more details`)}
|
|
to="https://docs.bsky.app/blog/repo-export"
|
|
style={[a.text_sm]}>
|
|
this blogpost
|
|
</InlineLinkText>
|
|
.
|
|
</Trans>
|
|
</Text>
|
|
</View>
|
|
</Dialog.ScrollableInner>
|
|
</Dialog.Outer>
|
|
)
|
|
}
|