Remove annoying snackbar

src/components/Screens/ErrorView.tsx

@@ -132,7 +132,11 @@ function getMessage(props: Props) {
     }
   }
 
-  fullMessage.message += `\n\nCode {${props.status}:${props.code}}`;
+  if (props.code !== undefined) {
+    fullMessage.message += `\n\nCode {${props.status}:${props.code}}`;
+  } else {
+    fullMessage.message += `\n\nCode {${props.status}}`;
+  }
   if (props.message != null) {
     fullMessage.message = props.message;
   }

src/components/Screens/WebSectionList.tsx

@@ -17,20 +17,16 @@
  * along with Campus INSAT.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import React, { useState } from 'react';
+import React from 'react';
 import i18n from 'i18n-js';
-import { Snackbar } from 'react-native-paper';
 import {
   RefreshControl,
   SectionListData,
   SectionListProps,
   StyleSheet,
-  View,
 } from 'react-native';
 import ErrorView from './ErrorView';
-import { TAB_BAR_HEIGHT } from '../Tabbar/CustomTabBar';
 import CollapsibleSectionList from '../Collapsible/CollapsibleSectionList';
-import GENERAL_STYLES from '../../constants/Styles';
 import RequestScreen, { RequestScreenProps } from './RequestScreen';
 import { CollapsibleComponentPropsType } from '../Collapsible/CollapsibleComponent';
 import { REQUEST_CODES, REQUEST_STATUS } from '../../utils/Requests';
@@ -89,12 +85,6 @@ const styles = StyleSheet.create({
  * To force the component to update, change the value of updateData.
  */
 function WebSectionList<ItemT, RawData>(props: Props<ItemT, RawData>) {
-  const [snackbarVisible, setSnackbarVisible] = useState(false);
-
-  const showSnackBar = () => setSnackbarVisible(true);
-
-  const hideSnackBar = () => setSnackbarVisible(false);
-
   const getItemLayout = (
     height: number,
     _data: Array<SectionListData<ItemT>> | null,
@@ -124,9 +114,6 @@ function WebSectionList<ItemT, RawData>(props: Props<ItemT, RawData>) {
       status,
       code
     );
-    if (!data && !loading) {
-      showSnackBar();
-    }
     return (
       <CollapsibleSectionList
         {...props}
@@ -162,7 +149,7 @@ function WebSectionList<ItemT, RawData>(props: Props<ItemT, RawData>) {
               button={{
                 icon: 'refresh',
                 text: i18n.t('general.retry'),
-                onPress: refreshData,
+                onPress: () => refreshData(),
               }}
             />
           )
@@ -175,32 +162,16 @@ function WebSectionList<ItemT, RawData>(props: Props<ItemT, RawData>) {
   };
 
   return (
-    <View style={GENERAL_STYLES.flex}>
+    <RequestScreen<RawData>
-      <RequestScreen<RawData>
+      request={props.request}
-        request={props.request}
+      render={render}
-        render={render}
+      showError={false}
-        showError={false}
+      showLoading={false}
-        showLoading={false}
+      autoRefreshTime={props.autoRefreshTime}
-        autoRefreshTime={props.autoRefreshTime}
+      refreshOnFocus={props.refreshOnFocus}
-        refreshOnFocus={props.refreshOnFocus}
+      cache={props.cache}
-        cache={props.cache}
+      onCacheUpdate={props.onCacheUpdate}
-        onCacheUpdate={props.onCacheUpdate}
+    />
-      />
-      <Snackbar
-        visible={snackbarVisible}
-        onDismiss={hideSnackBar}
-        action={{
-          label: 'OK',
-          onPress: hideSnackBar,
-        }}
-        duration={4000}
-        style={{
-          bottom: TAB_BAR_HEIGHT,
-        }}
-      >
-        {i18n.t('general.listUpdateFail')}
-      </Snackbar>
-    </View>
   );
 }
 

src/utils/customHooks.tsx

@@ -78,12 +78,14 @@ export function useRequestLogic<T>(
     }
     if (canRefresh) {
       if (!response.loading) {
-        setResponse((prevState) => ({
+        setResponse({
-          ...prevState,
+          ...response,
           loading: true,
-        }));
+        });
       }
       const r = newRequest ? newRequest : request;
+      console.log(r);
+
       r()
         .then((requestResponse: T) => {
           setResponse({
@@ -98,13 +100,13 @@ export function useRequestLogic<T>(
           }
         })
         .catch(() => {
-          setResponse((prevState) => ({
+          setResponse({
             loading: false,
-            lastRefreshDate: prevState.lastRefreshDate,
+            lastRefreshDate: response.lastRefreshDate,
             status: REQUEST_STATUS.CONNECTION_ERROR,
-            code: 0,
+            code: undefined,
-            data: prevState.data,
+            data: response.data,
-          }));
+          });
         });
     }
   };