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

Update eslint to 8.27.0

Browse source
This commit is contained in:
Fedor Indutny 2022-11-17 16:45:19 -08:00 • committed by GitHub
parent c8fb43a846
commit 98ef4c627a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
499 changed files with 8995 additions and 8494 deletions
Download patch file Download diff file Expand all files Collapse all files

80
ts/components/conversation/Image.stories.tsx
View file

@ -70,17 +70,17 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
width: number('width', overrideProps.width || 100),
});
export const UrlWithHeightWidth = (): JSX.Element => {
export function UrlWithHeightWidth(): JSX.Element {
const props = createProps();
return <Image {...props} />;
};
}
UrlWithHeightWidth.story = {
name: 'URL with Height/Width',
};
export const Caption = (): JSX.Element => {
export function Caption(): JSX.Element {
const defaultProps = createProps();
const props = {
...defaultProps,
@ -91,25 +91,25 @@ export const Caption = (): JSX.Element => {
};
return <Image {...props} />;
};
}
export const PlayIcon = (): JSX.Element => {
export function PlayIcon(): JSX.Element {
const props = createProps({
playIconOverlay: true,
});
return <Image {...props} />;
};
}
export const CloseButton = (): JSX.Element => {
export function CloseButton(): JSX.Element {
const props = createProps({
closeButton: true,
});
return <Image {...props} />;
};
}
export const NoBorderOrBackground = (): JSX.Element => {
export function NoBorderOrBackground(): JSX.Element {
const props = createProps({
attachment: fakeAttachment({
contentType: IMAGE_PNG,
@ -126,13 +126,13 @@ export const NoBorderOrBackground = (): JSX.Element => {
<Image {...props} />
</div>
);
};
}
NoBorderOrBackground.story = {
name: 'No Border or Background',
};
export const Pending = (): JSX.Element => {
export function Pending(): JSX.Element {
const props = createProps({
attachment: fakeAttachment({
contentType: IMAGE_PNG,
@ -143,9 +143,9 @@ export const Pending = (): JSX.Element => {
});
return <Image {...props} />;
};
}
export const PendingWBlurhash = (): JSX.Element => {
export function PendingWBlurhash(): JSX.Element {
const props = createProps({
attachment: fakeAttachment({
contentType: IMAGE_PNG,
@ -163,13 +163,13 @@ export const PendingWBlurhash = (): JSX.Element => {
height={400}
/>
);
};
}
PendingWBlurhash.story = {
name: 'Pending w/blurhash',
};
export const CurvedCorners = (): JSX.Element => {
export function CurvedCorners(): JSX.Element {
const props = createProps({
curveBottomLeft: CurveType.Normal,
curveBottomRight: CurveType.Normal,
@ -178,17 +178,17 @@ export const CurvedCorners = (): JSX.Element => {
});
return <Image {...props} />;
};
}
export const SmallCurveTopLeft = (): JSX.Element => {
export function SmallCurveTopLeft(): JSX.Element {
const props = createProps({
curveTopLeft: CurveType.Small,
});
return <Image {...props} />;
};
}
export const SoftCorners = (): JSX.Element => {
export function SoftCorners(): JSX.Element {
const props = createProps({
curveBottomLeft: CurveType.Tiny,
curveBottomRight: CurveType.Tiny,
@ -197,30 +197,30 @@ export const SoftCorners = (): JSX.Element => {
});
return <Image {...props} />;
};
}
export const BottomOverlay = (): JSX.Element => {
export function BottomOverlay(): JSX.Element {
const props = createProps({
bottomOverlay: true,
});
return <Image {...props} />;
};
}
export const FullOverlayWithText = (): JSX.Element => {
export function FullOverlayWithText(): JSX.Element {
const props = createProps({
darkOverlay: true,
overlayText: 'Honk!',
});
return <Image {...props} />;
};
}
FullOverlayWithText.story = {
name: 'Full Overlay with Text',
};
export const Blurhash = (): JSX.Element => {
export function Blurhash(): JSX.Element {
const defaultProps = createProps();
const props = {
...defaultProps,
@ -228,28 +228,28 @@ export const Blurhash = (): JSX.Element => {
};
return <Image {...props} />;
};
}
export const UndefinedBlurHash = (): JSX.Element => {
const Wrapper = () => {
const theme = React.useContext(StorybookThemeContext);
const props = createProps({
blurHash: undefined,
theme,
url: undefined,
});
function UndefinedBlurHashWrapper() {
const theme = React.useContext(StorybookThemeContext);
const props = createProps({
blurHash: undefined,
theme,
url: undefined,
});
return <Image {...props} />;
};
return <Image {...props} />;
}
return <Wrapper />;
};
export function UndefinedBlurHash(): JSX.Element {
return <UndefinedBlurHashWrapper />;
}
UndefinedBlurHash.story = {
name: 'undefined blurHash',
};
export const MissingImage = (): JSX.Element => {
export function MissingImage(): JSX.Element {
const defaultProps = createProps();
const props = {
...defaultProps,
@ -258,4 +258,4 @@ export const MissingImage = (): JSX.Element => {
};
return <Image {...props} />;
};
}