Fix analytics tabs on mobile

web/pages/analytics.tsx

@@ -261,23 +261,6 @@ function Tabs(props: { tabs: Tab[]; defaultIndex: number }) {
 
   return (
     <div>
-      <div className="sm:hidden">
-        <label htmlFor="tabs" className="sr-only">
-          Select a tab
-        </label>
-        {/* Use an "onChange" listener to redirect the user to the selected tab URL. */}
-        <select
-          id="tabs"
-          name="tabs"
-          className="block w-full rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500"
-          defaultValue={activeTab.title}
-        >
-          {tabs.map((tab) => (
-            <option key={tab.title}>{tab.title}</option>
-          ))}
-        </select>
-      </div>
-      <div className="hidden sm:block">
       <nav className="flex space-x-4" aria-label="Tabs">
         {tabs.map((tab) => (
           <a
@@ -291,6 +274,7 @@ function Tabs(props: { tabs: Tab[]; defaultIndex: number }) {
             )}
             aria-current={tab.title === activeTab.title ? 'page' : undefined}
             onClick={(e) => {
+              console.log('clicked')
               e.preventDefault()
               setActiveTab(tab)
             }}
@@ -299,7 +283,6 @@ function Tabs(props: { tabs: Tab[]; defaultIndex: number }) {
           </a>
         ))}
       </nav>
-      </div>
 
       <div className="mt-4">{activeTab.content}</div>
     </div>