FairCoinOfficial
diff --git a/‎SPV_AUDIT.md‎
Lines changed: 227 additions & 0 deletions b/‎SPV_AUDIT.md‎
Lines changed: 227 additions & 0 deletions
diff --git a/‎app.json‎
Lines changed: 14 additions & 1 deletion b/‎app.json‎
Lines changed: 14 additions & 1 deletion
diff --git a/‎app/(tabs)/_layout.tsx‎
Lines changed: 5 additions & 4 deletions b/‎app/(tabs)/_layout.tsx‎
Lines changed: 5 additions & 4 deletions
diff --git a/‎app/(tabs)/_layout.web.tsx‎
Lines changed: 12 additions & 36 deletions b/‎app/(tabs)/_layout.web.tsx‎
Lines changed: 12 additions & 36 deletions
diff --git a/‎app/(tabs)/index.tsx‎
Lines changed: 48 additions & 26 deletions b/‎app/(tabs)/index.tsx‎
Lines changed: 48 additions & 26 deletions
@@ -55,7 +55,20 @@
           "backgroundColor": "#1b1e09"
         }
       }],
-      ["expo-camera", { "cameraPermission": "FAIRWallet needs camera access to scan QR codes." }]
+      ["expo-camera", { "cameraPermission": "FAIRWallet needs camera access to scan QR codes." }],
+      ["expo-location", {
+        "locationWhenInUsePermission": "FAIRWallet uses your location to show nearby places that accept FairCoin."
+      }],
+      "@maplibre/maplibre-react-native",
+      ["expo-notifications", {
+        "color": "#1b1e09",
+        "sounds": [
+          "./assets/sounds/sent.mp3",
+          "./assets/sounds/received.mp3",
+          "./assets/sounds/unlocked.mp3"
+        ],
+        "enableBackgroundRemoteNotifications": false
+      }]
     ],
     "experiments": {
       "typedRoutes": true
 
@@ -7,6 +7,7 @@ import { ThemeProvider } from "@react-navigation/native";
 import { NativeTabs } from "expo-router/unstable-native-tabs";
 import { useMemo } from "react";
 import { useTheme } from "@oxyhq/bloom/theme";
+import { t } from "../../src/i18n";
 
 export default function TabLayout() {
   const theme = useTheme();
@@ -54,7 +55,7 @@ export default function TabLayout() {
             sf={{ default: "creditcard", selected: "creditcard.fill" }}
             md="wallet"
           />
-          <NativeTabs.Trigger.Label>Wallet</NativeTabs.Trigger.Label>
+          <NativeTabs.Trigger.Label>{t("wallet.title")}</NativeTabs.Trigger.Label>
         </NativeTabs.Trigger>
 
         <NativeTabs.Trigger
@@ -65,7 +66,7 @@ export default function TabLayout() {
             sf={{ default: "arrow.up.circle", selected: "arrow.up.circle.fill" }}
             md="arrow_upward"
           />
-          <NativeTabs.Trigger.Label>Send</NativeTabs.Trigger.Label>
+          <NativeTabs.Trigger.Label>{t("wallet.send")}</NativeTabs.Trigger.Label>
         </NativeTabs.Trigger>
 
         <NativeTabs.Trigger
@@ -76,7 +77,7 @@ export default function TabLayout() {
             sf={{ default: "arrow.down.circle", selected: "arrow.down.circle.fill" }}
             md="arrow_downward"
           />
-          <NativeTabs.Trigger.Label>Receive</NativeTabs.Trigger.Label>
+          <NativeTabs.Trigger.Label>{t("wallet.receive")}</NativeTabs.Trigger.Label>
         </NativeTabs.Trigger>
 
         <NativeTabs.Trigger
@@ -87,7 +88,7 @@ export default function TabLayout() {
             sf={{ default: "gearshape", selected: "gearshape.fill" }}
             md="settings"
           />
-          <NativeTabs.Trigger.Label>Settings</NativeTabs.Trigger.Label>
+          <NativeTabs.Trigger.Label>{t("wallet.settings")}</NativeTabs.Trigger.Label>
         </NativeTabs.Trigger>
       </NativeTabs>
     </ThemeProvider>
 
@@ -40,9 +40,7 @@ import { t } from "../../src/i18n";
 import { useTheme } from "@oxyhq/bloom/theme";
 
 const MEDIUM_BREAKPOINT = 600;
-const ULTRAWIDE_BREAKPOINT = 1400;
 const RAIL_WIDTH = 80;
-const CONTENT_MAX_WIDTH = 1200;
 const RAIL_INDICATOR_WIDTH = 56;
 const RAIL_INDICATOR_HEIGHT = 32;
 const RAIL_ICON_SIZE = 24;
@@ -71,7 +69,6 @@ export default function TabLayout() {
   const theme = useTheme();
   const { width } = useWindowDimensions();
   const showRail = width >= MEDIUM_BREAKPOINT;
-  const isUltrawide = width >= ULTRAWIDE_BREAKPOINT;
   const pathname = usePathname();
 
   const tabsStyle: StyleProp<ViewStyle> = {
@@ -80,7 +77,6 @@ export default function TabLayout() {
     minHeight: 0,
   };
 
-  const slotContainerStyle: StyleProp<ViewStyle> = styles.slotContainer;
 
   const tabs: readonly TabDef[] = [
     { name: "index", href: "/", icon: "wallet", label: t("wallet.title") },
@@ -109,6 +105,12 @@ export default function TabLayout() {
     const color = active ? theme.colors.primary : theme.colors.textSecondary;
 
     if (showRail) {
+      const indicatorBg = active
+        ? theme.colors.primarySubtle
+        : "transparent";
+      const iconColor = active
+        ? theme.colors.primarySubtleForeground
+        : theme.colors.textSecondary;
       return (
         <TabTrigger
           key={tab.name}
@@ -120,15 +122,13 @@ export default function TabLayout() {
             <View
               style={[
                 styles.railIndicator,
-                active && {
-                  backgroundColor: `${theme.colors.primary}1A`,
-                },
+                { backgroundColor: indicatorBg },
               ]}
             >
               <MaterialCommunityIcons
                 name={tab.icon}
                 size={RAIL_ICON_SIZE}
-                color={color}
+                color={iconColor}
               />
             </View>
           </View>
@@ -170,15 +170,8 @@ export default function TabLayout() {
             >
               {tabs.map(renderTrigger)}
             </TabList>
-            <View style={slotContainerStyle}>
-              <View
-                style={[
-                  styles.slotInner,
-                  isUltrawide && styles.slotInnerUltrawide,
-                ]}
-              >
-                <TabSlot />
-              </View>
+            <View style={styles.slotContainer}>
+              <TabSlot />
             </View>
           </>
         ) : (
@@ -249,30 +242,13 @@ const styles = StyleSheet.create({
 
   // Wrapper around <TabSlot /> that owns the flex sizing. Without this the
   // default TabSlot style (`flexShrink: 0`) prevents react-native-web's
-  // `<ScrollView>` from receiving a bounded height. We also center children
-  // horizontally so the inner cap-width column on ultrawide displays sits in
-  // the middle of the available space (not vertically centered, which is what
-  // `alignSelf: 'center'` would do inside a row-direction parent).
+  // `<ScrollView>` from receiving a bounded height. Always full width and
+  // top-aligned so screens fill the available area on every viewport.
   slotContainer: {
     flex: 1,
     minHeight: 0,
     minWidth: 0,
     alignSelf: "stretch",
-    alignItems: "center",
-  },
-  // Inner wrapper that holds the actual <TabSlot />. Always full width on
-  // smaller screens, capped to CONTENT_MAX_WIDTH on ultrawide so cards and
-  // text don't stretch across the viewport. Content is top-aligned because
-  // the wrapper itself is a flex column with the default `justifyContent:
-  // 'flex-start'`.
-  slotInner: {
-    flex: 1,
-    width: "100%",
-    minHeight: 0,
-    minWidth: 0,
-  },
-  slotInnerUltrawide: {
-    maxWidth: CONTENT_MAX_WIDTH,
   },
 
   // ── Bottom tab bar (< 600px) ──────────────────────────────────────────────
 
@@ -42,7 +42,8 @@ import {
   type PriceData,
 } from "../../src/services/price";
 import { useTheme } from "@oxyhq/bloom/theme";
-import { formatFair } from "../../src/core/format-amount";
+import { BUY_BASE_URL } from "../../src/core/branding";
+import { t } from "../../src/i18n";
 
 // ---------------------------------------------------------------------------
 // Constants
@@ -92,9 +93,7 @@ export default function HomeScreen() {
       language,
       country,
     });
-    await WebBrowser.openBrowserAsync(
-      `https://buy.fairco.in/?${params.toString()}`,
-    );
+    await WebBrowser.openBrowserAsync(`${BUY_BASE_URL}/?${params.toString()}`);
   }, [receiveAddress]);
 
   const [price, setPrice] = useState<PriceData | null>(getCachedPrice);
@@ -113,9 +112,16 @@ export default function HomeScreen() {
   const recentTransactions = transactions.slice(0, 10);
 
   const syncState = useMemo(() => {
-    if (connectedPeers === 0) return { dot: "bg-red-400", label: "Offline" };
-    if (isSyncing) return { dot: "bg-yellow-400", label: `Syncing ${Math.round(syncProgress)}%` };
-    return { dot: "bg-primary", label: "Synced" };
+    if (connectedPeers === 0) {
+      return { dot: "bg-red-400", label: t("wallet.sync.offline") };
+    }
+    if (isSyncing) {
+      return {
+        dot: "bg-yellow-400",
+        label: t("wallet.sync.syncing", { progress: Math.round(syncProgress) }),
+      };
+    }
+    return { dot: "bg-primary", label: t("wallet.sync.synced") };
   }, [connectedPeers, isSyncing, syncProgress]);
 
   // ---- Parallax: track scroll, derive translate + scale on the UI thread ----
@@ -188,7 +194,7 @@ export default function HomeScreen() {
         {/* ---- Balance (sits in the gradient fade zone) ---- */}
         <View className="items-center pt-8 pb-6 px-6">
           <BalanceDisplay
-            sats={balance}
+            value={balance}
             priceUsd={price?.usd}
             change24h={price?.change24h}
             size="lg"
@@ -201,27 +207,32 @@ export default function HomeScreen() {
           <View className="flex-row justify-evenly px-4 pb-6">
             <ActionButton
               icon="arrow-up-bold"
-              label="Send"
+              label={t("wallet.send")}
               onPress={() => router.push("/(tabs)/send")}
             />
             <ActionButton
               icon="arrow-down-bold"
-              label="Receive"
+              label={t("wallet.receive")}
               onPress={() => router.push("/(tabs)/receive")}
             />
             <ActionButton
               icon="credit-card-plus"
-              label="Buy"
+              label={t("wallet.buy")}
               onPress={handleBuy}
             />
+            <ActionButton
+              icon="map-marker"
+              label={t("wallet.places")}
+              onPress={() => router.push("/map")}
+            />
             <ActionButton
               icon="account-group"
-              label="Contacts"
+              label={t("wallet.contacts")}
               onPress={() => router.push("/contacts")}
             />
             <ActionButton
               icon="server-network"
-              label="Nodes"
+              label={t("wallet.nodes")}
               onPress={() => router.push("/masternode")}
             />
           </View>
@@ -237,11 +248,14 @@ export default function HomeScreen() {
               </View>
               <View className="flex-row justify-between mt-1">
                 <Text className="text-muted-foreground text-[10px]">
-                  {connectedPeers} {connectedPeers === 1 ? "peer" : "peers"}
+                  {connectedPeers}{" "}
+                  {connectedPeers === 1
+                    ? t("wallet.peer.one")
+                    : t("wallet.peer.other")}
                 </Text>
                 {chainHeight > 0 ? (
                   <Text className="text-muted-foreground text-[10px]">
-                    Block {chainHeight.toLocaleString()}
+                    {t("wallet.block", { height: chainHeight.toLocaleString() })}
                   </Text>
                 ) : null}
               </View>
@@ -253,19 +267,27 @@ export default function HomeScreen() {
             <Divider className="mb-5" />
 
             <View className="flex-row items-center justify-between mb-3">
-              <Text className="text-foreground text-lg font-semibold">Activity</Text>
+              <Text className="text-foreground text-lg font-semibold">
+                {t("wallet.activity")}
+              </Text>
               {transactions.length > 0 ? (
                 <Text className="text-muted-foreground text-xs">
-                  {transactions.length} transaction{transactions.length !== 1 ? "s" : ""}
+                  {transactions.length === 1
+                    ? t("wallet.transactionCount.one", {
+                        count: transactions.length,
+                      })
+                    : t("wallet.transactionCount.other", {
+                        count: transactions.length,
+                      })}
                 </Text>
               ) : null}
             </View>
 
             {recentTransactions.length === 0 ? (
               <EmptyState
                 icon="swap-vertical"
-                title="No activity yet"
-                subtitle="Your transactions will appear here"
+                title={t("wallet.activity.empty.title")}
+                subtitle={t("wallet.activity.empty.subtitle")}
               />
             ) : (
               <View className="bg-surface rounded-2xl overflow-hidden">
@@ -274,9 +296,7 @@ export default function HomeScreen() {
                     <TransactionItem
                       txid={tx.txid}
                       type={tx.type}
-                      amount={formatFair(
-                        tx.amount < 0n ? -tx.amount : tx.amount,
-                      )}
+                      value={tx.amount}
                       address={tx.address}
                       timestamp={tx.timestamp}
                       confirmations={tx.confirmations}
@@ -309,27 +329,29 @@ export default function HomeScreen() {
           className="flex-row items-center active:opacity-60"
           onPress={() => router.push("/wallets")}
           accessibilityRole="button"
-          accessibilityLabel="Switch wallet"
+          accessibilityLabel={t("wallet.switchAccessibility")}
         >
           <Text
             className="text-white text-base font-semibold"
             style={TOP_BAR_TEXT_SHADOW}
           >
-            {activeWalletName || "FAIRWallet"}
+            {activeWalletName || t("wallet.defaultName")}
           </Text>
           <MaterialCommunityIcons name="chevron-down" size={18} color="#ffffff" />
         </Pressable>
 
         {/* Right: network badge + sync status (tappable → peers) */}
         <View className="flex-row items-center gap-2">
           {network === "testnet" ? (
-            <Badge text="TESTNET" variant="warning" size="sm" />
+            <Badge text={t("wallet.badge.testnet")} variant="warning" size="sm" />
           ) : null}
           <Pressable
             className="flex-row items-center active:opacity-60"
             onPress={() => router.push("/peers")}
             accessibilityRole="button"
-            accessibilityLabel={`Sync status: ${syncState.label}`}
+            accessibilityLabel={t("wallet.syncAccessibility", {
+              label: syncState.label,
+            })}
           >
             <View className={`w-1.5 h-1.5 rounded-full ${syncState.dot} mr-1`} />
             <Text className="text-white text-[11px]" style={TOP_BAR_TEXT_SHADOW}>