Page MenuHomePhorge

D15413.1765072030.diff
No OneTemporary

Size
5 KB
Referenced Files
None
Subscribers
None

D15413.1765072030.diff

diff --git a/native/farcaster/farcaster-sync-loading-screen.react.js b/native/farcaster/farcaster-sync-loading-screen.react.js
--- a/native/farcaster/farcaster-sync-loading-screen.react.js
+++ b/native/farcaster/farcaster-sync-loading-screen.react.js
@@ -33,10 +33,34 @@
return (
<SafeAreaView edges={safeAreaEdges} style={styles.container}>
<Text style={styles.header}>Fetching Farcaster conversations</Text>
- <Text style={styles.section}>
- Comm is fetching all of your Farcaster messages so they can be backed
- up. This can take a while, depending on how many conversations you have.
- </Text>
+ <View style={styles.listContainer}>
+ <View style={styles.listItem}>
+ <Text style={styles.listNumber}>1.</Text>
+ <Text style={styles.listText}>
+ <Text style={styles.bold}>Fetching in progress</Text>: Comm is
+ fetching all of your Farcaster messages so they can be backed up.
+ This can take a while, depending on how many chats you have.
+ </Text>
+ </View>
+ <View style={styles.listItem}>
+ <Text style={styles.listNumber}>2.</Text>
+ <Text style={styles.listText}>
+ <Text style={styles.bold}>No E2E encryption</Text>: Please note that
+ Farcaster messages are not end-to-end encrypted, which means the
+ Farcaster team can see them. For better security, consider using
+ Comm DMs.
+ </Text>
+ </View>
+ <View style={styles.listItem}>
+ <Text style={styles.listNumber}>3.</Text>
+ <Text style={styles.listText}>
+ <Text style={styles.bold}>Manual refresh</Text>: If you ever notice
+ any missing messages, you can manually refresh all Farcaster chats
+ from your profile screen, or refresh an individual chat from its
+ settings.
+ </Text>
+ </View>
+ </View>
<View style={styles.progressContainer}>
{progress ? (
<Progress.Circle
@@ -73,12 +97,29 @@
color: 'panelForegroundLabel',
paddingBottom: 16,
},
- section: {
+ listContainer: {
+ paddingBottom: 16,
+ },
+ listItem: {
+ flexDirection: 'row',
+ paddingBottom: 12,
+ },
+ listNumber: {
fontFamily: 'Arial',
fontSize: 15,
lineHeight: 20,
color: 'panelForegroundSecondaryLabel',
- paddingBottom: 16,
+ marginRight: 4,
+ },
+ listText: {
+ flexShrink: 1,
+ fontFamily: 'Arial',
+ fontSize: 15,
+ lineHeight: 20,
+ color: 'panelForegroundSecondaryLabel',
+ },
+ bold: {
+ fontWeight: 'bold',
},
progressContainer: {
flexGrow: 1,
diff --git a/web/farcaster/farcaster-sync-loading-screen.css b/web/farcaster/farcaster-sync-loading-screen.css
--- a/web/farcaster/farcaster-sync-loading-screen.css
+++ b/web/farcaster/farcaster-sync-loading-screen.css
@@ -12,7 +12,7 @@
}
div.loading {
- width: 380px;
+ width: 600px;
min-height: 438px;
background: var(--auth-modal-bg);
border: var(--auth-modal-border-color) solid 1px;
@@ -48,8 +48,25 @@
font-size: var(--s-font-14);
line-height: var(--line-height-text);
color: var(--fg);
- margin: 5px 0;
+ margin: 8px 0;
+ font-weight: var(--normal);
+}
+
+ol.list {
+ font-size: var(--s-font-14);
+ line-height: var(--line-height-text);
+ color: var(--fg);
+ margin: 8px 0;
+ padding-left: 12px;
+}
+
+li.listItem {
font-weight: var(--normal);
+ margin-bottom: 12px;
+}
+
+li.listItem:last-child {
+ margin-bottom: 0;
}
div.separator {
diff --git a/web/farcaster/farcaster-sync-loading-screen.react.js b/web/farcaster/farcaster-sync-loading-screen.react.js
--- a/web/farcaster/farcaster-sync-loading-screen.react.js
+++ b/web/farcaster/farcaster-sync-loading-screen.react.js
@@ -35,11 +35,23 @@
<div className={css.content}>
<h2 className={css.header}>Fetching Farcaster conversations</h2>
<div className={css.separator} />
- <p className={css.description}>
- Comm is fetching all of your Farcaster messages so they can be
- backed up. This can take a while, depending on how many
- conversations you have.
- </p>
+ <ol className={css.list}>
+ <li className={css.listItem}>
+ <strong>Fetching in progress</strong>: Comm is fetching all of
+ your Farcaster messages so they can be backed up. This can take
+ a while, depending on how many chats you have.
+ </li>
+ <li className={css.listItem}>
+ <strong>No E2E encryption</strong>: Please note that Farcaster
+ messages are not end-to-end encrypted, which means the Farcaster
+ team can see them. For better security, consider using Comm DMs.
+ </li>
+ <li className={css.listItem}>
+ <strong>Manual refresh</strong>: If you ever notice any missing
+ messages, you can manually refresh all Farcaster chats from the
+ settings page, or refresh an individual chat from its settings.
+ </li>
+ </ol>
{progressComponent}
</div>
<div className={css.spinner}>

File Metadata

Mime Type
text/plain
Expires
Sun, Dec 7, 1:47 AM (2 h, 42 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5839325
Default Alt Text
D15413.1765072030.diff (5 KB)

Event Timeline