Only show API calls tab for android

Author: ddxv

frontend/src/lib/utils/AppTabs.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
 	import { page } from '$app/state';
-	import { ChartLine, ChartBar, Boxes, Key, TrendingUp, FileText, Cog } from 'lucide-svelte';
+	import { ChartLine, ChartBar, Boxes, Key, TrendingUp, FileText } from 'lucide-svelte';
+
+	let { isAndroidApp } = $props();
 
 	let myTabs = {
 		types: [
@@ -29,11 +31,16 @@
 				url_slug: 'ranks',
 				icon: ChartBar
 			},
-			{
-				name: 'Data & API Calls',
-				url_slug: 'data-flows',
-				icon: FileText
-			},
+			...(isAndroidApp
+				? [
+						{
+							name: 'Data & API Calls',
+							url_slug: 'data-flows',
+							icon: FileText
+						}
+					]
+				: []),
+
 			{
 				name: 'App-Ads.txt',
 				url_slug: 'ads-txt',

frontend/src/routes/apps/[id]/+layout.svelte

@@ -3,12 +3,31 @@
 	import RatingInstallsLarge from '$lib/RatingInstallsLarge.svelte';
 	import StarsRating from '$lib/StarsRating.svelte';
 	import WhiteCard from '$lib/WhiteCard.svelte';
-	let { data, children } = $props();
+	import type { AppSDKsOverview, CompanyTypes, AppFullDetail, CatData } from '../../../types';
+	let {
+		data,
+		children
+	}: {
+		data: {
+			myapp: AppFullDetail;
+			appSDKsOverview: AppSDKsOverview;
+			companyTypes: CompanyTypes;
+			appCats: CatData;
+		};
+		children: any;
+	} = $props();
+
 	import AvailableOniOs from '$lib/svg/AvailableOniOS.svelte';
 	import AppSDKOverview from '$lib/AppSDKOverview.svelte';
 
 	import AppTabs from '$lib/utils/AppTabs.svelte';
 
+	function isAndroid() {
+		return /^\d+$/.test(page.params.id);
+	}
+
+	let isAndroidApp = $derived(isAndroid());
+
 	function getCategoryName(category: string) {
 		if (category) {
 			return (
@@ -195,7 +214,7 @@
 
 <nav class="bg-surface-100-800-token border-y border-surface-300-600-token my-2 md:my-6">
 	<div class="mx-1: md:mx-8">
-		<AppTabs />
+		<AppTabs {isAndroidApp} />
 	</div>
 </nav>
 

frontend/src/types.ts

@@ -118,7 +118,7 @@ export interface CategoryInfo {
 }
 
 export interface CatData {
-	categories: Record<string, CategoryInfo>;
+	categories: Array<{ id: string; name: string }>;
 }
 
 export interface CategoriesInfo {