about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-05-18 18:22:46 -0500
committerPaul Frazee <pfrazee@gmail.com>2023-05-18 18:22:46 -0500
commit37acc9e9304b594ff21443e1be896e1e576bb488 (patch)
tree185ebcf5beeb4610f8a86c0b99ce168989bcb2da /src
parent0b8dd95f2a653ba13ef84ad0e0940f112cb3ae91 (diff)
downloadvoidsky-37acc9e9304b594ff21443e1be896e1e576bb488.tar.zst
A few more UX tweaks
Diffstat (limited to 'src')
-rw-r--r--src/lib/constants.ts14
-rw-r--r--src/view/com/feeds/SavedFeeds.tsx39
-rw-r--r--src/view/com/pager/FeedsTabBar.web.tsx2
-rw-r--r--src/view/com/pager/FeedsTabBarMobile.tsx2
4 files changed, 36 insertions, 21 deletions
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 88e429d83..f4c6f5021 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -110,26 +110,20 @@ export async function DEFAULT_FEEDS(
     }
   } else if (serviceUrl.includes('staging')) {
     return {
-      pinned: [
-        STAGING_DEFAULT_FEED('skyline'),
-        STAGING_DEFAULT_FEED('whats-hot'),
-      ],
+      pinned: [STAGING_DEFAULT_FEED('whats-hot')],
       saved: [
         STAGING_DEFAULT_FEED('bsky-team'),
-        STAGING_DEFAULT_FEED('skyline'),
+        STAGING_DEFAULT_FEED('with-friends'),
         STAGING_DEFAULT_FEED('whats-hot'),
         STAGING_DEFAULT_FEED('hot-classic'),
       ],
     }
   } else {
     return {
-      pinned: [
-        STAGING_DEFAULT_FEED('skyline'),
-        STAGING_DEFAULT_FEED('whats-hot'),
-      ],
+      pinned: [STAGING_DEFAULT_FEED('whats-hot')],
       saved: [
         STAGING_DEFAULT_FEED('bsky-team'),
-        STAGING_DEFAULT_FEED('skyline'),
+        STAGING_DEFAULT_FEED('with-friends'),
         STAGING_DEFAULT_FEED('whats-hot'),
         STAGING_DEFAULT_FEED('hot-classic'),
       ],
diff --git a/src/view/com/feeds/SavedFeeds.tsx b/src/view/com/feeds/SavedFeeds.tsx
index 110a6e894..e92e741da 100644
--- a/src/view/com/feeds/SavedFeeds.tsx
+++ b/src/view/com/feeds/SavedFeeds.tsx
@@ -8,7 +8,7 @@ import {FlatList} from 'view/com/util/Views'
 import {Text} from 'view/com/util/text/Text'
 import {isDesktopWeb} from 'platform/detection'
 import {s} from 'lib/styles'
-import {Link} from 'view/com/util/Link'
+import {Link, TextLink} from 'view/com/util/Link'
 import {CustomFeed} from './CustomFeed'
 
 export const SavedFeeds = observer(
@@ -52,14 +52,35 @@ export const SavedFeeds = observer(
 
     const renderListFooterComponent = useCallback(() => {
       return (
-        <Link
-          style={[styles.footerLink, pal.border]}
-          href="/settings/saved-feeds">
-          <FontAwesomeIcon icon="cog" size={18} color={pal.colors.icon} />
-          <Text type="lg-medium" style={pal.textLight}>
-            Settings
-          </Text>
-        </Link>
+        <>
+          <Link
+            style={[styles.footerLink, pal.border]}
+            href="/settings/saved-feeds">
+            <FontAwesomeIcon icon="cog" size={18} color={pal.colors.icon} />
+            <Text type="lg-medium" style={pal.textLight}>
+              Change Order
+            </Text>
+          </Link>
+          <View
+            style={[
+              pal.border,
+              !isDesktopWeb && s.flex1,
+              pal.viewLight,
+              styles.empty,
+            ]}>
+            <Text type="sm" style={[pal.text]}>
+              Feeds are custom algorithms that users build with a little coding
+              expertise.{' '}
+              <TextLink
+                type="sm"
+                style={pal.link}
+                href="https://github.com/bluesky-social/feed-generator"
+                text="See this guide"
+              />{' '}
+              for more information.
+            </Text>
+          </View>
+        </>
       )
     }, [pal])
 
diff --git a/src/view/com/pager/FeedsTabBar.web.tsx b/src/view/com/pager/FeedsTabBar.web.tsx
index 78937611b..fc04c3b2c 100644
--- a/src/view/com/pager/FeedsTabBar.web.tsx
+++ b/src/view/com/pager/FeedsTabBar.web.tsx
@@ -28,7 +28,7 @@ const FeedsTabBarDesktop = observer(
   ) => {
     const store = useStores()
     const items = useMemo(
-      () => ['Following', ...store.me.savedFeeds.pinnedFeedNames, 'My feeds'],
+      () => ['Following', ...store.me.savedFeeds.pinnedFeedNames, 'My Feeds'],
       [store.me.savedFeeds.pinnedFeedNames],
     )
     const pal = usePalette('default')
diff --git a/src/view/com/pager/FeedsTabBarMobile.tsx b/src/view/com/pager/FeedsTabBarMobile.tsx
index a41f0ef32..5954e7f2e 100644
--- a/src/view/com/pager/FeedsTabBarMobile.tsx
+++ b/src/view/com/pager/FeedsTabBarMobile.tsx
@@ -33,7 +33,7 @@ export const FeedsTabBar = observer(
     }, [store])
 
     const items = useMemo(
-      () => ['Following', ...store.me.savedFeeds.pinnedFeedNames, 'My feeds'],
+      () => ['Following', ...store.me.savedFeeds.pinnedFeedNames, 'My Feeds'],
       [store.me.savedFeeds.pinnedFeedNames],
     )