mirror of
https://github.com/langgenius/dify.git
synced 2025-12-09 09:21:22 +00:00
73 lines
1.5 KiB
TypeScript
73 lines
1.5 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/nextjs'
|
|
import LinkedAppsPanel from '.'
|
|
import type { RelatedApp } from '@/models/datasets'
|
|
|
|
const mockRelatedApps: RelatedApp[] = [
|
|
{
|
|
id: 'app-cx',
|
|
name: 'Customer Support Assistant',
|
|
mode: 'chat',
|
|
icon_type: 'emoji',
|
|
icon: '\u{1F4AC}',
|
|
icon_background: '#EEF2FF',
|
|
icon_url: '',
|
|
},
|
|
{
|
|
id: 'app-ops',
|
|
name: 'Ops Workflow Orchestrator',
|
|
mode: 'workflow',
|
|
icon_type: 'emoji',
|
|
icon: '\u{1F6E0}\u{FE0F}',
|
|
icon_background: '#ECFDF3',
|
|
icon_url: '',
|
|
},
|
|
{
|
|
id: 'app-research',
|
|
name: 'Research Synthesizer',
|
|
mode: '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',
|
|
},
|
|
},
|
|
}
|