MetaModule Reference/ModuleFeedback

Collapsed, localized correction form shown after each MetaModule reference detail panel. Reuses the site contact email and Turnstile pipeline.

MetaModule Reference

English

Japanese

/** @jsxRuntime automatic */ /** @jsxImportSource preact */ import { defineStory } from '@lib/styleguide/story-contract'; import type { StoryMeta } from '@lib/styleguide/story-contract'; import { ModuleFeedback } from './module-feedback'; const meta: StoryMeta = { title: 'MetaModule Reference/ModuleFeedback', category: 'MetaModule Reference', description: 'Collapsed, localized correction form shown after each MetaModule reference detail panel. Reuses the site contact email and Turnstile pipeline.', usage: `import { ModuleFeedback } from '@/src/components/metamodule-ref/module-feedback';\n\n<ModuleFeedback slug={slug} plugin={plugin} name={name} activeTab="annot" locale="en" />`, }; export default meta; const shellClass = 'mm-dialog-root min-h-[560px] w-full bg-zd-black pt-vgap-sm text-zd-white'; export const English = defineStory({ name: 'English', render: () => ( <div class={shellClass}> <ModuleFeedback slug="cutelab-mom-jeans" plugin="CuteLab" name="Mom Jeans" activeTab="annot" locale="en" /> </div> ), }); export const Japanese = defineStory({ name: 'Japanese', render: () => ( <div class={shellClass}> <ModuleFeedback slug="cutelab-mom-jeans" plugin="CuteLab" name="Mom Jeans" activeTab="main" locale="ja" /> </div> ), });