\n \n\n {/* Login form */}\n

\n \n \n Bluesky Handle\n \n setHandle(e.target.value)}\n placeholder=\"username.bsky.social or your.domain\"\n autoComplete=\"username\"\n autoCapitalize=\"none\"\n autoCorrect=\"off\"\n disabled={loading}\n style={{\n width: \"100%\",\n padding: \"12px 16px\",\n border: \"1px solid #e5e5ea\",\n borderRadius: \"12px\",\n fontSize: \"16px\",\n background: loading ? \"#f8f9fa\" : \"white\",\n color: \"#1c1c1e\",\n outline: \"none\",\n transition: \"border-color 0.2s ease\",\n }}\n onFocus={(e) => {\n e.target.style.borderColor = \"#007aff\";\n }}\n onBlur={(e) => {\n e.target.style.borderColor = \"#e5e5ea\";\n }}\n />\n \n\n {\n if (!loading && handle.trim()) {\n e.currentTarget.style.background = \"#0056cc\";\n }\n }}\n onMouseOut={(e) => {\n if (!loading && handle.trim()) {\n e.currentTarget.style.background = \"#007aff\";\n }\n }}\n >\n {loading && (\n \n )}\n {loading ? \"Connecting...\" : \"Continue with Bluesky\"}\n \n\n {error && (\n \n {error}\n \n )}\n \n\n {/* Security note */}\n \n \n \n 🔒\n \n \n Secure Authentication\n \n \n \n Your password will be entered securely on Bluesky's servers. Anchor\n never sees your password.\n

\n \n \n\n {/* CSS animation for spinner */}\n \n \n );\n}\n","deleted","label",[170,171,152],"frontend","components","permalink","https://www.val.town/x/tijs/location-feed-generator/code/frontend/components/MobileLogin.tsx","extension","actionData","errors"]