42 lines
905 B
TypeScript
42 lines
905 B
TypeScript
// Copyright 2021 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
|
|
import { IdenticonSVGForContact, IdenticonSVGForGroup } from './IdenticonSVG';
|
|
import { AvatarColorMap } from '../types/Colors';
|
|
|
|
export default {
|
|
title: 'Components/IdenticonSVG',
|
|
};
|
|
|
|
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}</>;
|
|
}
|