\n 🔑\n

\n Connect WakaTime\n

\n Unlock your real coding insights\n

\n \n \n \n

\n\n

\n Connect your WakaTime account to track your real coding activity and watch your plants grow based on your\n actual programming progress and achievements.\n

\n\n

\n \n WakaTime API Key\n \n

\n setApiKey(e.target.value)}\n placeholder=\"waka_xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx\"\n className=\"w-full px-4 py-4 border-2 border-gray-200 dark:border-gray-600 rounded-2xl focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 bg-white dark:bg-slate-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 transition-all duration-200 font-mono text-sm\"\n disabled={isLoading}\n />\n

\n \n

\n\n

\n setShowAdvanced(!showAdvanced)}\n className=\"text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white font-medium flex items-center gap-2\"\n >\n \n \n \n Advanced Options\n \n

\n\n {showAdvanced && (\n

\n \n Custom API URL (Optional)\n \n setApiUrl(e.target.value)}\n placeholder=\"https://wakatime.com/api/v1\"\n className=\"w-full px-4 py-4 border-2 border-gray-200 dark:border-gray-600 rounded-2xl focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 bg-white dark:bg-slate-700 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 transition-all duration-200 text-sm\"\n disabled={isLoading}\n />\n

\n )}\n\n {error && (\n

\n \n \n \n

{error}

\n )}\n\n

\n \n Cancel\n \n \n {isLoading\n ? (\n

\n Connecting...\n

\n )\n : (\n

\n \n Connect\n

\n )}\n \n

\n\n

\n
\n 💡\n
\n How to get your API key:\n

\n \n 1\n \n \n Visit{\" \"}\n \n wakatime.com/api-key\n \n \n
\n \n 2\n \n Copy your secret API key\n
\n \n 3\n \n Paste it above and click Connect\n

\n \n Your API key is stored securely in your browser and never shared.\n

\n );\n}","deleted","label",[169,170,150],"frontend","components","permalink","https://www.val.town/x/loading/plant/code/frontend/components/LoginModal.tsx","extension","actionData","errors"]

\n Connect WakaTime\n

\n \n 💡\n \n How to get your API key:\n

\n
\n 💡\n
\n How to get your API key:\n