fix warning message on initial render, add-tag test, and remove solid…

… js references

apps/mobile/babel.config.js

@@ -23,7 +23,6 @@ module.exports = function (api) {
 					}
 				}
 			]
-		],
-		overrides: [{ test: /\.solid.tsx$/, presets: ['solid'] }]
+		]
 	};
 };

apps/mobile/package.json

@@ -68,7 +68,6 @@
 		"react-native-toast-message": "^2.2.0",
 		"react-native-wheel-color-picker": "^1.2.0",
 		"rive-react-native": "^6.2.3",
-		"solid-js": "^1.8.8",
 		"twrnc": "^4.1.0",
 		"use-count-up": "^3.0.1",
 		"use-debounce": "^9.0.4",

apps/mobile/src/App.tsx

@@ -4,6 +4,19 @@ import {
 	NavigationContainer,
 	useNavigationContainerRef
 } from '@react-navigation/native';
+import {
+	ClientContextProvider,
+	LibraryContextProvider,
+	P2PContextProvider,
+	RspcProvider,
+	initPlausible,
+	useBridgeQuery,
+	useClientContext,
+	useInvalidateQuery,
+	usePlausibleEvent,
+	usePlausiblePageViewMonitor,
+	usePlausiblePingMonitor
+} from '@sd/client';
 import { QueryClient } from '@tanstack/react-query';
 import dayjs from 'dayjs';
 import advancedFormat from 'dayjs/plugin/advancedFormat';
@@ -17,19 +30,6 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { MenuProvider } from 'react-native-popup-menu';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { useSnapshot } from 'valtio';
-import {
-	ClientContextProvider,
-	initPlausible,
-	LibraryContextProvider,
-	P2PContextProvider,
-	RspcProvider,
-	useBridgeQuery,
-	useClientContext,
-	useInvalidateQuery,
-	usePlausibleEvent,
-	usePlausiblePageViewMonitor,
-	usePlausiblePingMonitor
-} from '@sd/client';
 
 import { GlobalModals } from './components/modal/GlobalModals';
 import { Toast, toastConfig } from './components/primitive/Toast';
@@ -55,13 +55,17 @@ function AppNavigation() {
 	const plausibleEvent = usePlausibleEvent();
 	const buildInfo = useBridgeQuery(['buildInfo']);
 
-	initPlausible({ platformType: 'mobile', buildInfo: buildInfo?.data });
-
 	const navRef = useNavigationContainerRef();
 	const routeNameRef = useRef<string>();
 
 	const [currentPath, setCurrentPath] = useState<string>('/');
 
+	useEffect(() => {
+		if (buildInfo?.data) {
+			initPlausible({ platformType: 'mobile', buildInfo: buildInfo.data });
+		}
+	}, [buildInfo]);
+
 	usePlausiblePageViewMonitor({ currentPath });
 	usePlausiblePingMonitor({ currentPath });
 
@@ -73,9 +77,11 @@ function AppNavigation() {
 		return () => clearInterval(interval);
 	}, [plausibleEvent]);
 
-	if (library === null && libraries.data) {
-		currentLibraryStore.id = libraries.data[0]?.uuid ?? null;
-	}
+	useEffect(() => {
+		if (library === null && libraries.data) {
+			currentLibraryStore.id = libraries.data[0]?.uuid ?? null;
+		}
+	}, [library, libraries]);
 
 	return (
 		<NavigationContainer

apps/mobile/src/components/browse/BrowseTags.tsx

@@ -28,6 +28,7 @@ const BrowseTags = () => {
 				<Text style={tw`text-lg font-bold text-white`}>Tags</Text>
 				<View style={tw`flex-row gap-3`}>
 					<Button
+						testID='show-all-tags-button'
 						style={twStyle(`rounded-full`, {
 							borderColor: showAll ? tw.color('accent') : tw.color('border-app-lightborder')
 						})}

apps/mobile/tests/add-tag.yml

@@ -9,4 +9,6 @@ appId: com.spacedrive.app
 - inputText: 'MyTag'
 - tapOn:
     text: 'Create'
+- tapOn:
+    id: 'show-all-tags-button'
 - assertVisible: 'MyTag'