From 37acc9e9304b594ff21443e1be896e1e576bb488 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 18 May 2023 18:22:46 -0500
Subject: [PATCH] A few more UX tweaks

---
 src/lib/constants.ts                     | 14 +++------
 src/view/com/feeds/SavedFeeds.tsx        | 39 ++++++++++++++++++------
 src/view/com/pager/FeedsTabBar.web.tsx   |  2 +-
 src/view/com/pager/FeedsTabBarMobile.tsx |  2 +-
 4 files changed, 36 insertions(+), 21 deletions(-)

diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 88e429d8..f4c6f502 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 110a6e89..e92e741d 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 78937611..fc04c3b2 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 a41f0ef3..5954e7f2 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],
     )