\n {activeTab === 'posts' \n ? \"No posts found. Add a moi.md file to your vals to display them here.\"\n : activeTab === 'code'\n ? \"No code found.\"\n : `No content found for the ${activeTab} tab.`\n }\n

\n setActiveTab('code')}\n className=\"mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-200\"\n >\n View All Code\n \n

\n );\n }\n\n // Render the ValGrid with the filtered vals\n return (\n

{/* Remove padding for edge-to-edge grid */}\n \n

\n );\n}\n\n/**\n * TabNavigation component - handles rendering the tabs navigation\n */\nexport function TabNavigation({ \n activeTab, \n setActiveTab, \n customTabs, \n allValsCount, \n isDarkMode \n}: {\n activeTab: string;\n setActiveTab: (tab: string) => void;\n customTabs: TabInfo[];\n allValsCount: number;\n isDarkMode: boolean;\n}) {\n // Choose the right background color based on dark/light mode\n const tabActiveBgClass = isDarkMode ? 'bg-gray-800' : 'bg-white';\n const tabInactiveBgClass = isDarkMode ? 'bg-gray-700' : 'bg-gray-100';\n const tabActiveTextClass = isDarkMode ? 'text-white' : 'text-gray-900';\n const tabInactiveTextClass = isDarkMode ? 'text-gray-300' : 'text-gray-500';\n\n return (\n

\n setActiveTab('posts')}\n >\n Posts\n \n \n {/* Custom Tabs - Rendered dynamically */}\n {customTabs.map((tab) => (\n setActiveTab(tab.name)}\n >\n {tab.name} ({tab.vals.length})\n \n ))}\n \n setActiveTab('code')}\n >\n Code ({allValsCount})\n \n

\n );\n}","deleted","label",[176,177,159],"frontend","components","permalink","https://www.val.town/x/dcm31/buildDotMoi/code/frontend/components/ProfileTabs.tsx","extension","actionData","errors"]