61 lines
1.3 KiB
TypeScript
61 lines
1.3 KiB
TypeScript
// Copyright 2021 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
import type { Meta } from '@storybook/react';
|
|
import {
|
|
IdenticonSVGForCallLink,
|
|
IdenticonSVGForContact,
|
|
IdenticonSVGForGroup,
|
|
} from './IdenticonSVG';
|
|
import { AvatarColorMap } from '../types/Colors';
|
|
|
|
export default {
|
|
title: 'Components/IdenticonSVG',
|
|
} satisfies Meta;
|
|
|
|
export function AllColorsForContact(): JSX.Element {
|
|
const stories: Array<JSX.Element> = [];
|
|
|
|
AvatarColorMap.forEach(value =>
|
|
stories.push(
|
|
<IdenticonSVGForContact
|
|
backgroundColor={value.bg}
|
|
text="HI"
|
|
foregroundColor={value.fg}
|
|
/>
|
|
)
|
|
);
|
|
|
|
return <>{stories}</>;
|
|
}
|
|
|
|
export function AllColorsForGroup(): JSX.Element {
|
|
const stories: Array<JSX.Element> = [];
|
|
|
|
AvatarColorMap.forEach(value =>
|
|
stories.push(
|
|
<IdenticonSVGForGroup
|
|
backgroundColor={value.bg}
|
|
foregroundColor={value.fg}
|
|
/>
|
|
)
|
|
);
|
|
|
|
return <>{stories}</>;
|
|
}
|
|
|
|
export function AllColorsForCallLink(): JSX.Element {
|
|
const stories: Array<JSX.Element> = [];
|
|
|
|
AvatarColorMap.forEach(value =>
|
|
stories.push(
|
|
<IdenticonSVGForCallLink
|
|
backgroundColor={value.bg}
|
|
foregroundColor={value.fg}
|
|
/>
|
|
)
|
|
);
|
|
|
|
return <>{stories}</>;
|
|
}
|