mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Upgrade Storybook

Browse source 
Co-authored-by: Scott Nonnenberg <scott@signal.org>
This commit is contained in:
Jamie Kyle 2023-10-11 12:06:43 -07:00 • committed by GitHub
parent 8c966dfbd8
commit 502ea174ab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
328 changed files with 10863 additions and 12432 deletions
Download patch file Download diff file Expand all files Collapse all files

63
ts/components/TextAttachment.stories.tsx
View file

@ -3,6 +3,7 @@
import React from 'react';
import type { Meta } from '@storybook/react';
import enMessages from '../../_locales/en/messages.json';
import { setupI18n } from '../util/setupI18n';
import { TextAttachment } from './TextAttachment';
@ -17,7 +18,7 @@ const getDefaultProps = (): PropsType => ({
export default {
title: 'Components/TextAttachment',
};
} satisfies Meta<PropsType>;
export function SolidBgTextBg(): JSX.Element {
return (
@ -34,10 +35,6 @@ export function SolidBgTextBg(): JSX.Element {
);
}
SolidBgTextBg.story = {
name: 'Solid bg + text bg',
};
export function Gradient(): JSX.Element {
return (
<TextAttachment
@ -76,10 +73,6 @@ export function TextWithLineBreaksCondensedFont(): JSX.Element {
);
}
TextWithLineBreaksCondensedFont.story = {
name: 'Text with line breaks (condensed font)',
};
export function TextWithLineBreaksAutowrapSerifFont(): JSX.Element {
return (
<TextAttachment
@ -95,10 +88,6 @@ export function TextWithLineBreaksAutowrapSerifFont(): JSX.Element {
);
}
TextWithLineBreaksAutowrapSerifFont.story = {
name: 'Text with line breaks + Autowrap (serif font)',
};
export function AutowrapText(): JSX.Element {
return (
<TextAttachment
@ -118,10 +107,6 @@ export function AutowrapText(): JSX.Element {
);
}
AutowrapText.story = {
name: 'Autowrap text',
};
export function RomeoJuliet(): JSX.Element {
return (
<TextAttachment
@ -141,10 +126,6 @@ export function RomeoJuliet(): JSX.Element {
);
}
RomeoJuliet.story = {
name: 'Romeo & Juliet',
};
export function OverflowNewlineNumbers(): JSX.Element {
return (
<TextAttachment
@ -164,10 +145,6 @@ export function OverflowNewlineNumbers(): JSX.Element {
);
}
OverflowNewlineNumbers.story = {
name: 'Overflow newline numbers',
};
export function CharacterWrapBold(): JSX.Element {
return (
<TextAttachment
@ -183,10 +160,6 @@ export function CharacterWrapBold(): JSX.Element {
);
}
CharacterWrapBold.story = {
name: 'Character wrap (bold)',
};
export function MixOfNewlinesOverflowAutowrap(): JSX.Element {
return (
<TextAttachment
@ -202,10 +175,6 @@ export function MixOfNewlinesOverflowAutowrap(): JSX.Element {
);
}
MixOfNewlinesOverflowAutowrap.story = {
name: 'Mix of newlines, overflow, autowrap',
};
export function LinkPreview(): JSX.Element {
return (
<TextAttachment
@ -221,10 +190,6 @@ export function LinkPreview(): JSX.Element {
);
}
LinkPreview.story = {
name: 'Link preview',
};
export function LinkPreviewThumbnail(): JSX.Element {
return (
<TextAttachment
@ -241,10 +206,6 @@ export function LinkPreviewThumbnail(): JSX.Element {
);
}
LinkPreviewThumbnail.story = {
name: 'Link preview (thumbnail)',
};
export function LinkPreviewLongTitle(): JSX.Element {
return (
<TextAttachment
@ -263,10 +224,6 @@ export function LinkPreviewLongTitle(): JSX.Element {
);
}
LinkPreviewLongTitle.story = {
name: 'Link preview (long title)',
};
export function LinkPreviewJustUrl(): JSX.Element {
return (
<TextAttachment
@ -281,10 +238,6 @@ export function LinkPreviewJustUrl(): JSX.Element {
);
}
LinkPreviewJustUrl.story = {
name: 'Link preview (just url)',
};
export function LinkPreviewJustUrlText(): JSX.Element {
return (
<TextAttachment
@ -300,10 +253,6 @@ export function LinkPreviewJustUrlText(): JSX.Element {
);
}
LinkPreviewJustUrlText.story = {
name: 'Link preview (just url + text)',
};
export function LinkPreviewReallyLongDomain(): JSX.Element {
return (
<TextAttachment
@ -318,10 +267,6 @@ export function LinkPreviewReallyLongDomain(): JSX.Element {
);
}
LinkPreviewReallyLongDomain.story = {
name: 'Link preview (really long domain)',
};
export function LinkPreviewWRJ(): JSX.Element {
return (
<TextAttachment
@ -345,10 +290,6 @@ export function LinkPreviewWRJ(): JSX.Element {
);
}
LinkPreviewWRJ.story = {
name: 'Link Preview w/ R&J',
};
export function TextBackgroundAndLinkPreview(): JSX.Element {
return (
<TextAttachment