mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-15 00:56:26 +08:00
4b6c4ed546
fix AF-1454
1. move inline tags editor to components
2. add progress component
3. adjust doc properties styles for desktop
4. subscribe bs database links and display in doc info
5. move update/create dates to doc info
6. a trivial e2e test
<div class='graphite__hidden'>
<div>🎥 Video uploaded on Graphite:</div>
<a href="https://app.graphite.dev/media/video/T2klNLEk0wxLh4NRDzhk/eed266c1-fdac-4f0e-baa9-4aa00d14a2e8.mp4">
<img src="https://app.graphite.dev/api/v1/graphite/video/thumbnail/T2klNLEk0wxLh4NRDzhk/eed266c1-fdac-4f0e-baa9-4aa00d14a2e8.mp4">
</a>
</div>
<video src="https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/T2klNLEk0wxLh4NRDzhk/eed266c1-fdac-4f0e-baa9-4aa00d14a2e8.mp4">10月23日.mp4</video>
20 lines
549 B
TypeScript
20 lines
549 B
TypeScript
import type { Meta, StoryFn } from '@storybook/react';
|
|
import { useState } from 'react';
|
|
|
|
import type { ProgressProps } from './progress';
|
|
import { Progress } from './progress';
|
|
|
|
export default {
|
|
title: 'UI/Progress',
|
|
component: Progress,
|
|
} satisfies Meta<typeof Progress>;
|
|
|
|
const Template: StoryFn<ProgressProps> = () => {
|
|
const [value, setValue] = useState<number>(30);
|
|
return (
|
|
<Progress style={{ width: '200px' }} value={value} onChange={setValue} />
|
|
);
|
|
};
|
|
|
|
export const Default: StoryFn<ProgressProps> = Template.bind(undefined);
|