mirror of
https://github.com/multica-ai/multica.git
synced 2026-07-28 05:46:58 +02:00
bd1fb10afa
- Add explicit type="button" to 61 <button> elements missing the attribute - Replace useContext() with React 19 use() across 16 context consumers - Replace [...arr].sort() with arr.toSorted() in 12 web/desktop files (mobile excluded — Hermes lacks toSorted support) - Fix rules-of-hooks violation: useSidebar try/catch → useSidebarSafe null check - Fix nested component definition: useMemo wrapping HeaderRight → useCallback - Fix missing ARIA: add aria-expanded + aria-controls to combobox in create-squad React Doctor score: 23 → 30. No behavioral changes, no business logic modified. Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
/**
|
|
* App-level lightbox provider for tap-to-zoom image viewing.
|
|
*
|
|
* Single instance mounted at the root layout. `useLightbox().open(uri)`
|
|
* displays the image fullscreen with pinch-to-zoom, double-tap, and
|
|
* swipe-down-to-dismiss — all handled by `react-native-image-viewing`.
|
|
*
|
|
* V2.1 only opens single images. A future iteration could collect every
|
|
* `![]()` URL while rendering a comment and pass the array through so
|
|
* a left/right swipe walks the gallery.
|
|
*/
|
|
import { createContext, use, useState, type ReactNode } from "react";
|
|
import ImageView from "react-native-image-viewing";
|
|
|
|
interface LightboxApi {
|
|
open: (uri: string) => void;
|
|
}
|
|
|
|
const LightboxContext = createContext<LightboxApi>({
|
|
open: () => {
|
|
// No-op fallback when used outside provider — markdown rendering
|
|
// shouldn't crash if a screen forgets to mount the provider.
|
|
},
|
|
});
|
|
|
|
export function useLightbox(): LightboxApi {
|
|
return use(LightboxContext);
|
|
}
|
|
|
|
export function LightboxProvider({ children }: { children: ReactNode }) {
|
|
const [images, setImages] = useState<{ uri: string }[]>([]);
|
|
const open = (uri: string) => setImages([{ uri }]);
|
|
const close = () => setImages([]);
|
|
return (
|
|
<LightboxContext.Provider value={{ open }}>
|
|
{children}
|
|
<ImageView
|
|
images={images}
|
|
imageIndex={0}
|
|
visible={images.length > 0}
|
|
onRequestClose={close}
|
|
/>
|
|
</LightboxContext.Provider>
|
|
);
|
|
}
|