set FxFiles tab as default

Author: ehsan6sha

pinning-webui/src/pages/Pins.tsx

@@ -138,10 +138,10 @@ export default function Pins() {
   const { user } = useAuth();
 
   // Active tab state
-  const [activeTab, setActiveTab] = useState<TabType>('myPins');
+  const [activeTab, setActiveTab] = useState<TabType>('fxFiles');
 
   // Track which tabs have been loaded (for lazy loading)
-  const [loadedTabs, setLoadedTabs] = useState<Set<TabType>>(new Set(['myPins']));
+  const [loadedTabs, setLoadedTabs] = useState<Set<TabType>>(new Set(['fxFiles']));
 
   // My Pins state
   const [data, setData] = useState<PinsResponse | null>(null);
@@ -1211,6 +1211,15 @@ export default function Pins() {
 
   // Tab definitions
   const tabs: { id: TabType; label: string; icon: JSX.Element }[] = [
+    {
+      id: 'fxFiles',
+      label: t.pins.tabFxFiles || 'FxFiles',
+      icon: (
+        <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" />
+        </svg>
+      ),
+    },
     {
       id: 'myPins',
       label: t.pins.tabMyPins || 'My Pins',
@@ -1247,15 +1256,6 @@ export default function Pins() {
         </svg>
       ),
     },
-    {
-      id: 'fxFiles',
-      label: t.pins.tabFxFiles || 'FxFiles',
-      icon: (
-        <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" />
-        </svg>
-      ),
-    },
   ];
 
   // Render My Pins Tab Content