Files
dify/web/app/(commonLayout)/remark-directive-test/page.tsx
2026-03-09 11:31:54 +08:00

99 lines
2.3 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

'use client'
import InSiteMessage from '@/app/components/app/in-site-message'
import { MarkdownWithDirective } from '@/app/components/base/markdown-with-directive'
const markdown1 = `
Were refining our messaging for technical teams, like how did you find us and did our positioning truly resonate?
Share your perspective in a 30-minute chat and receive:
::::withIconCardList
:::withIconCardItem {icon="https://assets.dify.ai/images/gift-card.png"}
$100 Amazon gift card
:::
:::withIconCardItem {icon="https://assets.dify.ai/images/dify-swag.png"}
Dify swag
:::
::::
`
const markdown2 = `
Were speaking with technical teams to better understand:
- How you discovered Dify
- What resonated — and what didnt
- How we can improve the experience
::::withIconCardList
:::withIconCardItem {icon="https://assets.dify.ai/images/gift-card.png"}
$100 Amazon gift card
:::
:::withIconCardItem {icon="https://assets.dify.ai/images/dify-swag.png"}
Dify swag
:::
::::
`
const inSiteMessageMain = `
Were speaking with technical teams to better understand:
- How you discovered Dify
- What resonated — and what didnt
- How we can improve the experience
As a thank-you for your time:
::::withIconCardList
:::withIconCardItem {icon="https://assets.dify.ai/images/gift-card.png"}
$100 Amazon gift card
:::
:::withIconCardItem {icon="https://assets.dify.ai/images/dify-swag.png"}
Exclusive Dify swag
:::
::::
`
export default function RemarkDirectiveTestPage() {
return (
<main style={{ padding: 24 }}>
<h1 style={{ fontSize: 20, fontWeight: 600, marginBottom: 16 }}>
remark-directive test page
</h1>
<div>
<MarkdownWithDirective markdown={markdown1} />
</div>
<div className="mt-5">
<MarkdownWithDirective markdown={markdown2} />
</div>
<InSiteMessage
title="Help Shape Dify"
subtitle="Wed love to hear how you evaluate and use Dify"
main={inSiteMessageMain}
actions={[
{ type: 'default', text: 'Not now', action: 'close' },
{
type: 'primary',
text: 'Schedule 30-min Chat',
action: 'link',
data: {
href: 'https://dify.ai',
target: '_blank',
},
},
]}
/>
</main>
)
}