\n \n Bluesky Handle\n \n setLoginHandle(e.target.value)}\n placeholder=\"your-handle.bsky.social\"\n required\n style={{\n width: \"100%\",\n fontSize: \"16px\",\n padding: \"12px 16px\",\n border: \"1px solid #e5e5ea\",\n borderRadius: \"8px\",\n background: \"white\",\n color: \"#1c1c1e\",\n outline: \"none\",\n }}\n onFocus={(e) => {\n e.currentTarget.style.borderColor = \"#007aff\";\n }}\n onBlur={(e) => {\n e.currentTarget.style.borderColor = \"#e5e5ea\";\n }}\n />\n \n Enter your Bluesky handle (e.g., alice.bsky.social)\n

\n\n \n setShowLoginForm(false)}\n style={{\n fontSize: \"16px\",\n fontWeight: \"500\",\n background: \"none\",\n color: \"#007aff\",\n border: \"none\",\n borderRadius: \"8px\",\n padding: \"10px 16px\",\n cursor: \"pointer\",\n }}\n onMouseOver={(e) => {\n e.currentTarget.style.background = \"#f0f8ff\";\n }}\n onMouseOut={(e) => {\n e.currentTarget.style.background = \"none\";\n }}\n >\n Cancel\n \n {\n if (!loginLoading) {\n e.currentTarget.style.background = \"#0056cc\";\n }\n }}\n onMouseOut={(e) => {\n if (!loginLoading) {\n e.currentTarget.style.background = \"#007aff\";\n }\n }}\n >\n {loginLoading ? \"Connecting...\" : \"Sign in\"}\n \n \n \n \n \n );\n}\n","deleted","label",[171,172,152],"frontend","components","permalink","https://www.val.town/x/tijs/location-feed-generator/code/frontend/components/LoginForm.tsx","extension","actionData","errors"]