Fixed weird react hook error by passing in the translation hook into …

…our bluetooth scanner
e-mission · Feb 19, 2024 · 2b366eb · 2b366eb
1 parent b4cafd4
commit 2b366eb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/www/js/bluetooth/BluetoothScanPage.tsx b/www/js/bluetooth/BluetoothScanPage.tsx
@@ -5,6 +5,7 @@ import gatherBluetoothData from './blueoothScanner';
 import { logWarn } from '../plugin/logger';
 import BluetoothCard from './BluetoothCard';
 import { Appbar, useTheme, Button } from 'react-native-paper';
+// import useBluetoothScan from '../bluetooth/blueoothScanner'
 
 /**
  * The implementation of this scanner page follows the design of
@@ -22,7 +23,7 @@ const BluetoothScanPage = ({ ...props }: any) => {
   // Function to run Bluetooth test and update logs
   const runBluetoothTest = async () => {
     try {
-      const newLogs = await gatherBluetoothData();
+      const newLogs = await gatherBluetoothData(t);
       setLogs(newLogs);
     } catch (error) {
       logWarn(error);

diff --git a/www/js/bluetooth/blueoothScanner.ts b/www/js/bluetooth/blueoothScanner.ts
@@ -1,11 +1,10 @@
-import { logWarn } from '../plugin/logger';
-import { useTranslation } from 'react-i18next';
+import { logWarn, logDebug } from '../plugin/logger';
 
-export function gatherBluetoothData(): Promise<string[]> {
-  const { t } = useTranslation();
+export default function gatherBluetoothData(t): Promise<string[]> {
 
   return new Promise((resolve, reject) => {
     let logs: string[] = [];
+    logDebug("Running bluetooth discovery test!");
 
     window['bluetoothSerial'].discoverUnpaired(
       (devices: Array<any>) => {
@@ -26,6 +25,4 @@ export function gatherBluetoothData(): Promise<string[]> {
       },
     );
   });
-}
-
-export default gatherBluetoothData;
+}