text tweaks

app/components/ContextMenu.tsx

@@ -170,7 +170,7 @@ const OptionViewArtist = React.memo<{
       IconComponent={IconFA}
       name="microphone"
       size={26}
-      text="View artist"
+      text="View Artist"
       onSelect={() => navigation.navigate('artist', { id: artistId, title: artist })}
     />
   )
@@ -190,7 +190,7 @@ const OptionViewAlbum = React.memo<{
       IconComponent={IconFA5}
       name="compact-disc"
       size={26}
-      text="View album"
+      text="View Album"
       onSelect={() => navigation.navigate('album', { id: albumId, title: album })}
     />
   )

app/screens/Home.tsx

@@ -18,7 +18,7 @@ import { RefreshControl, ScrollView, StatusBar, StyleSheet, Text, View } from 'r
 const titles: { [key in GetAlbumListType]?: string } = {
   recent: 'Recent Albums',
   random: 'Random Albums',
-  frequent: 'Frequent Albums',
+  frequent: 'Frequently Played',
   starred: 'Starred Albums',
 }
 

app/screens/LibraryAlbums.tsx

@@ -45,15 +45,15 @@ const AlbumListRenderItem: React.FC<{
 }> = ({ item }) => <AlbumItem album={item.album} size={item.size} height={item.height} />
 
 const filterOptions: OptionData[] = [
-  { text: 'By name', value: 'alphabeticalByName' },
-  { text: 'By artist', value: 'alphabeticalByArtist' },
+  { text: 'By Name', value: 'alphabeticalByName' },
+  { text: 'By Artist', value: 'alphabeticalByArtist' },
   { text: 'Newest', value: 'newest' },
   { text: 'Frequent', value: 'frequent' },
   { text: 'Recent', value: 'recent' },
   { text: 'Starred', value: 'starred' },
   { text: 'Random', value: 'random' },
-  // { text: 'By year...', value: 'byYear' },
-  // { text: 'By genre...', value: 'byGenre' },
+  // { text: 'By Year...', value: 'byYear' },
+  // { text: 'By Genre...', value: 'byGenre' },
 ]
 
 const AlbumsList = () => {

app/screens/LibraryArtists.tsx

@@ -15,7 +15,7 @@ const ArtistRenderItem: React.FC<{ item: Artist }> = ({ item }) => (
 )
 
 const filterOptions: OptionData[] = [
-  { text: 'By name', value: 'alphabeticalByName' },
+  { text: 'By Name', value: 'alphabeticalByName' },
   { text: 'Starred', value: 'starred' },
   { text: 'Random', value: 'random' },
 ]

app/screens/ServerView.tsx

@@ -120,7 +120,7 @@ const ServerView: React.FC<{
       setTesting(false)
     }
     ping()
-  }, [createServer, pingServer, setTesting])
+  }, [createServer, pingServer])
 
   const disableControls = useCallback(() => {
     return !validate() || testing || removing || saving
@@ -135,7 +135,7 @@ const ServerView: React.FC<{
           placeholderTextColor="grey"
           selectionColor={colors.text.secondary}
           textContentType="URL"
-          placeholder="Address"
+          placeholder="http://demo.navidrome.org"
           value={address}
           onChangeText={setAddress}
         />
@@ -146,7 +146,7 @@ const ServerView: React.FC<{
           selectionColor={colors.text.secondary}
           textContentType="username"
           autoCompleteType="username"
-          placeholder="Username"
+          placeholder="demo"
           value={username}
           onChangeText={setUsername}
         />
@@ -158,7 +158,7 @@ const ServerView: React.FC<{
           textContentType="password"
           autoCompleteType="password"
           secureTextEntry={true}
-          placeholder="Password"
+          placeholder="demo"
           value={password}
           onChangeText={setPassword}
         />

app/state/settings.ts

@@ -71,7 +71,7 @@ export const createSettingsSlice = (set: SetState<Store>, get: GetState<Store>):
     servers: [],
     screens: {
       home: {
-        lists: ['recent', 'random', 'frequent', 'starred'],
+        lists: ['frequent', 'recent', 'starred', 'random'],
       },
       library: {
         albums: {
@@ -89,7 +89,7 @@ export const createSettingsSlice = (set: SetState<Store>, get: GetState<Store>):
     estimateContentLength: true,
     maxBitrateWifi: 0,
     maxBitrateMobile: 192,
-    minBuffer: 10,
+    minBuffer: 6,
     maxBuffer: 60,
   },