\n {!showApiInput ? (\n <>\n {apiKey ? (\n

\n \n {savedUser ? `@${savedUser}` : 'API Key Set'}\n \n setShowApiInput(true)}\n className={`ml-1 p-1 text-xs rounded ${\n isDarkMode \n ? 'bg-gray-700 hover:bg-gray-600 text-gray-300' \n : 'bg-gray-200 hover:bg-gray-300 text-gray-600'\n }`}\n title=\"Edit API Key\"\n >\n Edit Key\n \n \n {isEditing ? 'Exit Edit Mode' : 'Edit Profile'}\n \n

\n ) : (\n setShowApiInput(true)}\n className={`px-2 py-1 text-xs rounded ${\n isDarkMode \n ? 'bg-blue-700 hover:bg-blue-600 text-white' \n : 'bg-blue-600 hover:bg-blue-500 text-white'\n }`}\n >\n Edit Your Profile\n \n )}\n \n ) : (\n

\n setInputKey(e.target.value)}\n className={`px-2 py-1 text-xs rounded ${\n isDarkMode \n ? 'bg-gray-700 text-white border border-gray-600' \n : 'bg-white text-gray-700 border border-gray-300'\n }`}\n />\n \n Get Key\n \n \n \n Save\n \n setShowApiInput(false)}\n className={`px-2 py-1 text-xs rounded ${\n isDarkMode \n ? 'bg-gray-700 hover:bg-gray-600 text-white' \n : 'bg-gray-300 hover:bg-gray-400 text-gray-700'\n }`}\n >\n Cancel\n \n

\n )}\n

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