Fix icons and fetch more images at once

LibrePhotos · Jul 22, 2024 · 75e2b37 · 75e2b37
1 parent 1546ee1
commit 75e2b37
Show file tree

Hide file tree

Showing 10 changed files with 20 additions and 26 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "librephotosmobile",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": true,
   "scripts": {
     "android": "react-native run-android",

diff --git a/src/Components/PreviewTile.js b/src/Components/PreviewTile.js
@@ -2,7 +2,7 @@ import React from 'react'
 import { FlatList, View, Pressable } from 'react-native'
 import { useSelector } from 'react-redux'
 import { Box, Image, Text, HStack } from 'native-base'
-import Ionicons from 'react-native-vector-icons/Ionicons'
+import Feather from 'react-native-vector-icons/Feather'
 import { useTheme } from '@/Theme'
 import { useNavigation } from '@react-navigation/native'
 
@@ -78,11 +78,7 @@ const PreviewTile = ({
         <HStack style={[Gutters.regularLPadding]}>
           {icon && (
             <View style={[Layout.center]}>
-              <Ionicons
-                name={icon + iconSuffix}
-                size={35}
-                color={Colors.text}
-              />
+              <Feather name={icon + iconSuffix} size={35} color={Colors.text} />
             </View>
           )}
           <View
@@ -100,7 +96,7 @@ const PreviewTile = ({
             </Text>
           </View>
           <View style={[Layout.center]}>
-            <Ionicons name={'chevron-forward'} size={35} color={Colors.text} />
+            <Feather name={'chevron-right'} size={35} color={Colors.text} />
           </View>
         </HStack>
       </Pressable>

diff --git a/src/Containers/Albums/Index.js b/src/Containers/Albums/Index.js
@@ -57,7 +57,7 @@ const AlbumContainer = () => {
           }
         >
           <PreviewTile
-            icon="people"
+            icon="users"
             heading="People"
             subHeading={`about ${albumPeople?.length} people`}
             albums={albumPeopleMapper(albumPeople)}
@@ -72,7 +72,7 @@ const AlbumContainer = () => {
           albums={albumPeopleMapper(albumPeople)}
         /> */}
           <PreviewTile
-            icon="library"
+            icon="book"
             heading="Things"
             subHeading={`about ${albumThings?.length} things`}
             albums={albumThingsMapper(albumThings)}

diff --git a/src/Containers/Login/Index.tsx b/src/Containers/Login/Index.tsx
@@ -12,7 +12,7 @@ import {
   FormControl,
   Text,
 } from 'native-base'
-import Ionicons from 'react-native-vector-icons/Ionicons'
+import FeatherIcon from 'react-native-vector-icons/Feather'
 import { useTranslation } from 'react-i18next'
 import { useTheme } from '@/Theme'
 import { Brand } from '@/Components'
@@ -134,14 +134,14 @@ const IndexLoginContainer = () => {
                         <Spinner color="blue.500" />
                       ) : isValidServer ? (
                         <Icon
-                          as={<Ionicons name="checkmark" />}
+                          as={<FeatherIcon name="check" />}
                           size="md"
                           m={2}
                           color="green"
                         />
                       ) : (
                         <Icon
-                          as={<Ionicons name="alert-circle-outline" />}
+                          as={<FeatherIcon name="alert-triangle" />}
                           size="md"
                           m={2}
                           color="red"

diff --git a/src/Containers/Search/SearchBar.js b/src/Containers/Search/SearchBar.js
@@ -10,7 +10,7 @@ import {
   StatusBar,
   Center,
 } from 'native-base'
-import Ionicons from 'react-native-vector-icons/Ionicons'
+import Feather from 'react-native-vector-icons/Feather'
 import { useTheme } from '@/Theme'
 import FindPhotos from '../../Store/Search/FindPhotos'
 import UpdateQuery from '../../Store/Search/UpdateQuery'
@@ -60,7 +60,7 @@ const SearchBar = ({ showMenu = false }) => {
               icon={
                 <Icon
                   size="sm"
-                  as={<Ionicons name="arrow-back" />}
+                  as={<Feather name="arrow-back" />}
                   color={Colors.text}
                 />
               }
@@ -86,7 +86,7 @@ const SearchBar = ({ showMenu = false }) => {
             py={2}
             px={2}
             InputLeftElement={
-              <Icon size="md" ml={2} as={<Ionicons name="search" />} />
+              <Icon size="md" ml={2} as={<Feather name="search" />} />
             }
           />
         </Center>

diff --git a/src/Containers/Search/StartSearch.js b/src/Containers/Search/StartSearch.js
@@ -1,19 +1,15 @@
 import React from 'react'
 import { View } from 'react-native'
 import { Icon, Text } from 'native-base'
-import Ionicon from 'react-native-vector-icons/Ionicons'
+import FeatherIcon from 'react-native-vector-icons/Feather'
 import { useTheme } from '@/Theme'
 
 const StartSearch = ({ height, width, mode }) => {
   const { Common, Colors, Layout, Gutters } = useTheme()
 
   return (
     <View style={[Layout.fullSize, Layout.center, Common.backgroundDefault]}>
-      <Icon
-        size="3xl"
-        as={<Ionicon name="flashlight-outline" />}
-        color={Colors.text}
-      />
+      <Icon size="3xl" as={<FeatherIcon name="search" />} color={Colors.text} />
       <Text
         color={Colors.textMuted}
         textAlign={'center'}

diff --git a/src/Containers/Settings/Index.js b/src/Containers/Settings/Index.js
@@ -93,7 +93,7 @@ const SettingsContainer = () => {
         <View style={[Layout.fill]}>
           <SettingSubHeader subHeading={'App'} />
           <VStack divider={<Divider bg={Colors.textMuted} />}>
-            <OptionButton title="Account" subTitle={user?.name} icon="person" />
+            <OptionButton title="Account" subTitle={user?.name} icon="user" />
             <OptionButton title="Server" subTitle={baseurl} />
             <OptionMultiSelect
               title="Dark Mode"

diff --git a/src/Containers/Settings/SettingItem.js b/src/Containers/Settings/SettingItem.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { View, Text, HStack, VStack, Switch } from 'native-base'
 import { useTheme } from '@/Theme'
-import Ionicons from 'react-native-vector-icons/Ionicons'
+import Feather from 'react-native-vector-icons/Feather'
 
 export const SettingItem = ({
   title,
@@ -19,7 +19,7 @@ export const SettingItem = ({
       <HStack space={3}>
         {icon && (
           <View flex={0.15} style={[Gutters.tinyHMargin, Layout.center]}>
-            <Ionicons name={icon} size={35} color={Colors.text} />
+            <Feather name={icon} size={35} color={Colors.text} />
           </View>
         )}
 

diff --git a/src/Services/Config/CheckServer.js b/src/Services/Config/CheckServer.js
@@ -2,6 +2,8 @@ import axios from 'axios'
 
 export default async serverName => {
   // TODO: Create a dedicated endpoint to test connection
+  console.log('Checking server...')
+  console.log('Server:', serverName)
   const server = serverName
   const res = await axios
     .post(

diff --git a/src/Store/LocalImages/LocalImagesSlice.ts b/src/Store/LocalImages/LocalImagesSlice.ts
@@ -129,7 +129,7 @@ export const loadLocalImages = createAsyncThunk(
     // load images from CameraRoll
     while (page_info.has_next_page && !page_info.no_valid_photos) {
       page_info = await CameraRoll.getPhotos({
-        first: 100,
+        first: 1000,
         after: page_info.end_cursor,
         // only load images that are newer than the last fetch
         // To-Do: This broken somehow