uwap/mqtt-control-map
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use React Context API

Browse source
This commit is contained in:
uwap 2018-07-22 04:28:20 +02:00
parent 3b78a4d8ad
commit df237ef336
7 changed files with 90 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/config/icon.js
View file

@ -1,5 +1,6 @@
// @flow
import * as React from "react";
import ReactContext from "mqtt/context";
export opaque type RawIcon: string = string;
@ -39,7 +40,16 @@ export const mdiBattery = (topic: string) => (state: State) => {
}
};
export const renderIcon =
export const renderRawIcon =
(icon: RawIcon, extraClass?: string): React.Node => {
return <i className={`${extraClass || ""} ${icon}`}></i>;
};
export const renderIcon =
(icon: Icon, extraClass?: string): React.Node => {
return (
<ReactContext.Consumer>
{({state}) => renderRawIcon(icon(state), extraClass)}
</ReactContext.Consumer>
);
};