colin/Signal-Desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Storybook: Basic messages and messages with reactions

Browse Source
This commit is contained in:
Ken Powers
2020-02-07 14:07:22 -05:00
committed by GitHub
parent 43b5a9b5a4
commit 38c7fa3da6
14 changed files with 1449 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ts/components/PopperRootContext.tsx
View File

@@ -1,12 +1,12 @@
import * as React from 'react';
const makeApi = (themes?: Array<string>) => ({
const makeApi = (classes?: Array<string>) => ({
createRoot: () => {
const div = document.createElement('div');
if (themes) {
themes.forEach(theme => {
div.classList.add(`${theme}-theme`);
if (classes) {
classes.forEach(theme => {
div.classList.add(theme);
});
}
@@ -21,16 +21,16 @@ const makeApi = (themes?: Array<string>) => ({
export const PopperRootContext = React.createContext(makeApi());
export type ThemedProviderProps = {
themes?: Array<string>;
export type ClassyProviderProps = {
classes?: Array<string>;
children?: React.ReactChildren;
};
export const ThemedProvider: React.FunctionComponent<ThemedProviderProps> = ({
themes,
export const ClassyProvider: React.FunctionComponent<ClassyProviderProps> = ({
classes,
children,
}) => {
const api = React.useMemo(() => makeApi(themes), [themes]);
const api = React.useMemo(() => makeApi(classes), [classes]);
return (
<PopperRootContext.Provider value={api}>