chore: linting

App.tsx

@@ -1,16 +1,15 @@
-import 'react-native-gesture-handler'
+import { StatusBar } from 'expo-status-bar'
 import * as React from 'react'
-import { AppRegistry, Platform, StyleSheet, View } from 'react-native'
+import { AppRegistry, Platform } from 'react-native'
+import 'react-native-gesture-handler'
 import {
-  Provider as PaperProvider,
   MD2LightTheme,
+  Provider as PaperProvider,
   configureFonts,
 } from 'react-native-paper'
 import { expo } from './app.json'
 import App from './src/App'
-import { StatusBar } from 'expo-status-bar'
 import IphoneDummy from './src/components/IphoneDummy'
-import useNotifications from './src/hooks/useNotifications'
 
 const fontConfig = {
   web: {

package.json

@@ -51,6 +51,7 @@
     "@types/pdfkit": "^0.13.4",
     "@types/react": "~18.0.14",
     "@types/react-native": "^0.72.0",
+    "@types/react-native-vector-icons": "^6.4.18",
     "gh-pages": "^5.0.0",
     "nodemon": "^2.0.22",
     "ts-node": "^10.9.1",

src/App.tsx

@@ -1,12 +1,11 @@
-import React, { useEffect, useState } from 'react'
-import { StatusBar } from 'expo-status-bar'
-import { SafeAreaProvider } from 'react-native-safe-area-context'
-import Navigation from './RootNavigation'
 import { NavigationContainer } from '@react-navigation/native'
+import React from 'react'
 import { useTheme } from 'react-native-paper'
-import { SocketProvider } from './context/socketContext'
-import { AuthProvider } from './context/authContext'
+import { SafeAreaProvider } from 'react-native-safe-area-context'
 import { NotificationSnackbar } from './components/NotificationSnackbar'
+import { AuthProvider } from './context/authContext'
+import { SocketProvider } from './context/socketContext'
+import Navigation from './RootNavigation'
 
 export default function App() {
   const theme = useTheme()

src/components/SupplierProfile.tsx

@@ -118,7 +118,6 @@ const SupplierProfile = ({
                   <TenderRequestCard
                     key={tenderRequest.id}
                     user={supplier}
-                    key={tenderRequest.id}
                     tenderRequest={tenderRequest}
                     navigation={navigation}
                   />

src/components/TenderRequest.tsx

@@ -433,11 +433,11 @@ const TenderRequest = ({
   )
 }
 
-const Row = ({ children }) => (
+const Row = ({ children }: { children: React.ReactNode }) => (
   <View style={{ flexDirection: 'row' }}>{children}</View>
 )
 
-const Column = ({ children }) => (
+const Column = ({ children }: { children: React.ReactNode }) => (
   <View style={{ flexDirection: 'column', marginRight: 20 }}>{children}</View>
 )
 

src/data/types.ts

@@ -18,11 +18,11 @@ interface Origin {
 }
 
 interface Price {
-  sek: string
-  kilos: string
-  sekPerKg: string
-  finalAmountSEKPerKg: string
-  percentageOutsideContract: string
+  SEK: number
+  kilos: number
+  SEK_per_Kg: number
+  finalAmountSEK_per_Kg: number
+  percentageOutsideContract: number
 }
 
 interface Product {
@@ -77,11 +77,11 @@ const item: ProcurementItem = {
     },
   },
   price: {
-    sek: '1573,00',
-    kilos: '78,00',
-    sekPerKg: '20,20',
-    finalAmountSEKPerKg: '20,20',
-    percentageOutsideContract: '100,00',
+    SEK: 1570.0,
+    kilos: 78.0,
+    SEK_per_Kg: 20.2,
+    finalAmountSEK_per_Kg: 20.2,
+    percentageOutsideContract: 100.0,
   },
   certifications: {
     organic: true,

src/hooks/useNotifications.ts

@@ -1,7 +1,6 @@
 import { useContext, useEffect, useState } from 'react'
 import { SocketContext } from '../context/socketContext'
 import useAuth from './useAuth'
-import { useAuthContext } from '../context/authContext'
 
 type Notification = {
   to: Array<string>
@@ -11,7 +10,8 @@ type Notification = {
     date: Date
     type: string
     to: string
-    id: string
+    id: string | number
+    tenderRequestId?: string
   }
 }