FlowyLabs/llink
1
0
Fork 0
Code Issues 71 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

chore: show submitting loader during compose

Browse Source
This commit is contained in:
talksik
2026-03-24 09:58:50 -07:00
parent 33a1318958
commit 1fb31a0d04
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/src/features/compose/compose-overlay.tsx
+10 -7
View File
@@ -10,7 +10,7 @@ import { ConfigureStreamStep } from "@/features/compose/configure-stream-step";
import { apiClient } from "@/api/client"; import { apiClient } from "@/api/client";
import { useMediaSettingsStore } from "@/stores/media-settings-store"; import { useMediaSettingsStore } from "@/stores/media-settings-store";
type ComposeStep = "idle" | "recording" | "reviewing" | "typing" | "configuring"; type ComposeStep = "idle" | "recording" | "reviewing" | "typing" | "configuring" | "submitting";
interface ComposeOverlayProps { interface ComposeOverlayProps {
networkId: string; networkId: string;
@@ -46,7 +46,6 @@ export function ComposeOverlay({
// Refs for synchronous reads in keyboard handlers // Refs for synchronous reads in keyboard handlers
const stepRef = useRef(step); const stepRef = useRef(step);
const submittingRef = useRef(false);
const recordStartRef = useRef(0); const recordStartRef = useRef(0);
const setStepSync = useCallback((next: ComposeStep) => { const setStepSync = useCallback((next: ComposeStep) => {
@@ -60,7 +59,6 @@ export function ComposeOverlay({
}, [step, onActiveChange]); }, [step, onActiveChange]);
const cancel = useCallback(() => { const cancel = useCallback(() => {
submittingRef.current = false;
setStepSync("idle"); setStepSync("idle");
setError(null); setError(null);
setTextContent(""); setTextContent("");
@@ -154,8 +152,8 @@ export function ComposeOverlay({
// Reply mode: create particle directly under targetPath // Reply mode: create particle directly under targetPath
const onSubmitReply = useEffectEvent(async () => { const onSubmitReply = useEffectEvent(async () => {
if (!targetPath || !userEmail || submittingRef.current) return; if (!targetPath || !userEmail || stepRef.current === "submitting") return;
submittingRef.current = true; setStepSync("submitting");
await createChildParticle(targetPath); await createChildParticle(targetPath);
cancel(); cancel();
}); });
@@ -163,8 +161,8 @@ export function ComposeOverlay({
// New stream mode: create stream + first child // New stream mode: create stream + first child
const handleStreamSubmit = useCallback( const handleStreamSubmit = useCallback(
async (streamName: string, visibleTo: string[]) => { async (streamName: string, visibleTo: string[]) => {
if (!userEmail || submittingRef.current) return; if (!userEmail || stepRef.current === "submitting") return;
submittingRef.current = true; setStepSync("submitting");
const streamId = await createStream.mutateAsync({ const streamId = await createStream.mutateAsync({
networkId, networkId,
@@ -306,6 +304,11 @@ export function ComposeOverlay({
onSubmit={handleStreamSubmit} onSubmit={handleStreamSubmit}
/> />
)} )}
{step === "submitting" && (
<div className="absolute inset-0 z-50 flex flex-col items-center justify-center bg-black/90">
<span className="animate-pulse text-sm text-white/60">Sending...</span>
</div>
)}
</> </>
); );
} }