peter
63a0fecc8b
A pure move (git mv, history kept): 333 files leave components/, which now holds only the platform layer (ui/) and the legal pages. The shell is the frame (App, header, nav rail, palette, boot); each page lives in modules/<page>/ with its rail, store and tests; what several pages share sits in features/<name>/; the shared-link page is watch/. Domain-free helpers went straight to ui/ (ViewSwitcher, FilterRail, the confirm dialog, the language switcher, the copy rows). Every relative specifier was rewritten (imports, dynamic imports, vi.mock, new URL), and the contract tests that scan sources now scan the whole app source, not only components/ — each glob was counted before and after so none went green over fewer files. The locale-format rule matched `/src/components/` only, so the move would have taken ~300 files out from under its i18n-singleton check; it now covers every folder that holds components, with a test per folder.
35 lines
1.6 KiB
TypeScript
35 lines
1.6 KiB
TypeScript
import { useEffect, useRef, useState } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
import { copyText } from "../../lib/clipboard";
|
|
import { notify } from "../../lib/notifications";
|
|
|
|
// How long a Copy button reads "Copied" after it worked.
|
|
const COPIED_MS = 2000;
|
|
|
|
/** The feedback of a Copy button that sits beside the value it copies (a token, a share link, a
|
|
* set-password link), the same at every such button: it reads "Copied" for a moment, and a notice
|
|
* says it too — the notices are a live region, so a screen reader hears what a swapped label would
|
|
* not tell it. A copy that failed is a warning, not an error: the value is on screen and
|
|
* selectable, so it is a convenience that failed, not the action.
|
|
*
|
|
* A feature file, not `ui/`: it speaks the app's notifications (as `copyItems` does). */
|
|
export function useCopyFeedback(): { copied: boolean; copy: (value: string) => Promise<void> } {
|
|
const { t } = useTranslation();
|
|
const [copied, setCopied] = useState(false);
|
|
// One reset at a time: a copy again within the moment starts it over, not cut short by the last.
|
|
const timer = useRef<number | undefined>(undefined);
|
|
useEffect(() => () => window.clearTimeout(timer.current), []);
|
|
const copy = async (value: string) => {
|
|
if (await copyText(value)) {
|
|
setCopied(true);
|
|
notify({ level: "success", message: t("common.copy.done") });
|
|
window.clearTimeout(timer.current);
|
|
timer.current = window.setTimeout(() => setCopied(false), COPIED_MS);
|
|
return;
|
|
}
|
|
notify({ level: "warning", message: t("common.copy.failed") });
|
|
};
|
|
return { copied, copy };
|
|
}
|