La til refresh for ratingliste

components/UserRatings.tsx

 import * as React from "react";
 import { useEffect, useState } from "react";
-import { FlatList, StyleSheet } from "react-native";
+import { FlatList, RefreshControl, StyleSheet } from "react-native";
 import { AirbnbRating } from "react-native-ratings";
 import { useDispatch, useSelector } from "react-redux";
 import { Text, View } from "../components/Themed";
@@ -15,9 +15,18 @@ export default function UserRatings(): JSX.Element {
 
   const auth: AuthState = useSelector(({ auth }: ApplicationState) => auth);
 
+  const [refreshing, setRefreshing] = React.useState(false);
+
+  const onRefresh = React.useCallback(() => {
+    setRefreshing(true);
+    if (auth.token) {
+      dispatch(getRatings({ token: auth.token }));
+    }
+    setRefreshing(false);
+  }, [refreshing]);
+
   useEffect(() => {
     if (auth.token) {
-      console.log(auth.token);
       dispatch(getRatings({ token: auth.token }));
     }
   }, []);
@@ -33,9 +42,12 @@ export default function UserRatings(): JSX.Element {
         <View
           style={styles.separator}
           lightColor="#rgba(0,0,0,0.2)"
-          darkColor="rgba(255,255,255,0.2)"
+          darkColor="#rgba(255,255,255,0.2)"
         />
       )}
+      refreshControl={
+        <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
+      }
     />
   );
 }