mirror of
https://github.com/langgenius/dify.git
synced 2025-12-01 05:14:40 +00:00
b76e17b25d
Signed-off-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: Stream <Stream_2@qq.com> Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com> Co-authored-by: zhsama <torvalds@linux.do> Co-authored-by: Harry <xh001x@hotmail.com> Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: yessenia <yessenia.contact@gmail.com> Co-authored-by: hjlarry <hjlarry@163.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: WTW0313 <twwu@dify.ai> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
74 lines
1.5 KiB
TypeScript
74 lines
1.5 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/nextjs'
|
|
import LinkedAppsPanel from '.'
|
|
import type { RelatedApp } from '@/models/datasets'
|
|
import { AppModeEnum } from '@/types/app'
|
|
|
|
const mockRelatedApps: RelatedApp[] = [
|
|
{
|
|
id: 'app-cx',
|
|
name: 'Customer Support Assistant',
|
|
mode: AppModeEnum.CHAT,
|
|
icon_type: 'emoji',
|
|
icon: '\u{1F4AC}',
|
|
icon_background: '#EEF2FF',
|
|
icon_url: '',
|
|
},
|
|
{
|
|
id: 'app-ops',
|
|
name: 'Ops Workflow Orchestrator',
|
|
mode: AppModeEnum.WORKFLOW,
|
|
icon_type: 'emoji',
|
|
icon: '\u{1F6E0}\u{FE0F}',
|
|
icon_background: '#ECFDF3',
|
|
icon_url: '',
|
|
},
|
|
{
|
|
id: 'app-research',
|
|
name: 'Research Synthesizer',
|
|
mode: AppModeEnum.ADVANCED_CHAT,
|
|
icon_type: 'emoji',
|
|
icon: '\u{1F9E0}',
|
|
icon_background: '#FDF2FA',
|
|
icon_url: '',
|
|
},
|
|
]
|
|
|
|
const meta = {
|
|
title: 'Base/Feedback/LinkedAppsPanel',
|
|
component: LinkedAppsPanel,
|
|
parameters: {
|
|
layout: 'centered',
|
|
docs: {
|
|
description: {
|
|
component: 'Shows a curated list of related applications, pairing each app icon with quick navigation links.',
|
|
},
|
|
},
|
|
},
|
|
args: {
|
|
relatedApps: mockRelatedApps,
|
|
isMobile: false,
|
|
},
|
|
argTypes: {
|
|
isMobile: {
|
|
control: 'boolean',
|
|
},
|
|
},
|
|
tags: ['autodocs'],
|
|
} satisfies Meta<typeof LinkedAppsPanel>
|
|
|
|
export default meta
|
|
type Story = StoryObj<typeof meta>
|
|
|
|
export const Desktop: Story = {}
|
|
|
|
export const Mobile: Story = {
|
|
args: {
|
|
isMobile: true,
|
|
},
|
|
parameters: {
|
|
viewport: {
|
|
defaultViewport: 'mobile2',
|
|
},
|
|
},
|
|
}
|