allow dismissing preview

packages/client/src/components/PrereleaseWarning.tsx

@@ -1,17 +1,19 @@
 import { Icon } from '@a-type/ui';
-import { useAppInfo } from '../react.js';
+import { useAppInfo, useLocalStorage } from '../react.js';
 
 export interface PrereleaseWarningProps {}
 
 export function PrereleaseWarning({}: PrereleaseWarningProps) {
 	const app = useAppInfo();
+	const [dismissed, setDismissed] = useLocalStorage(
+		'dismissedPrereleaseWarning',
+		false,
+	);
 
-	if (!app.prerelease) {
+	if (!app.prerelease || dismissed || !import.meta.env.DEV) {
 		return null;
 	}
 
-	if (import.meta.env.DEV) return null;
-
 	return (
 		<div className="bg-attention-light text-black row p-1 text-xxs items-center justify-center">
 			<Icon name="warning" />
@@ -27,6 +29,12 @@ export function PrereleaseWarning({}: PrereleaseWarningProps) {
 				</a>{' '}
 				app. It may be unstable or incomplete, and your data may be lost.
 			</span>
+			<Icon
+				name="x"
+				role="button"
+				tabIndex={0}
+				onClick={() => setDismissed(true)}
+			/>
 		</div>
 	);
 }