flo-bit.dev / ui-kit
[READ-ONLY] Mirror of https://github.com/flo-bit/ui-kit. 🦊 fox ui, svelte 5 and tailwind 4 flo-bit.dev/ui-kit/
svelte tailwindcss ui-components
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

fix bluesky login

Florian (May 4, 2025, 10:45 PM +0200) 922c8370 29d93e93

+19 -14
+5
.changeset/fifty-corners-tickle.md
··· 1 + --- 2 + '@fuxui/social': patch 3 + --- 4 + 5 + fix bluesky login
+5 -8
packages/social/src/lib/components/bluesky-login/BlueskyLogin.svelte
··· 1 1 <script lang="ts"> 2 2 import { Button } from '@fuxui/base'; 3 - import { BlueskyLoginModal, blueskyLoginModalState } from '.'; 3 + import { BlueskyLoginModal, blueskyLoginModalState, type BlueskyLoginProps } from '.'; 4 4 5 - let { 6 - login 7 - }: { 8 - login: (handle: string) => Promise<boolean | undefined>; 9 - } = $props(); 5 + let { login, formAction, formMethod }: BlueskyLoginProps = $props(); 10 6 </script> 11 7 12 8 <Button onclick={() => blueskyLoginModalState.show()}> ··· 21 17 d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" 22 18 /> 23 19 </svg> 24 - Login</Button> 20 + Login 21 + </Button> 25 22 26 - <BlueskyLoginModal {login} /> 23 + <BlueskyLoginModal {login} {formAction} {formMethod} />
+3 -6
packages/social/src/lib/components/bluesky-login/BlueskyLoginModal.svelte
··· 8 8 9 9 <script lang="ts"> 10 10 import { Button, Modal, Subheading, Label, Input } from '@fuxui/base'; 11 + import type { BlueskyLoginProps } from '.'; 11 12 12 13 let value = $state(''); 13 14 let error: string | null = $state(null); ··· 17 18 login, 18 19 formAction, 19 20 formMethod = 'get' 20 - }: { 21 - login: (handle: string) => Promise<boolean | undefined>; 22 - formAction?: string; 23 - formMethod?: 'dialog' | 'get' | 'post' | 'DIALOG' | 'GET' | 'POST' | null | undefined; 24 - } = $props(); 21 + }: BlueskyLoginProps = $props(); 25 22 26 23 async function onSubmit(evt: Event) { 27 - if (formAction) return; 24 + if (formAction || !login) return; 28 25 29 26 evt.preventDefault(); 30 27 if (loading) return;
+6
packages/social/src/lib/components/bluesky-login/index.ts
··· 1 1 export { default as BlueskyLoginModal } from './BlueskyLoginModal.svelte'; 2 2 export { blueskyLoginModalState } from './BlueskyLoginModal.svelte'; 3 3 export { default as BlueskyLogin } from './BlueskyLogin.svelte'; 4 + 5 + export type BlueskyLoginProps = { 6 + login?: (handle: string) => Promise<boolean | undefined>; 7 + formAction?: string; 8 + formMethod?: 'dialog' | 'get' | 'post' | 'DIALOG' | 'GET' | 'POST' | null; 9 + };