diff options
author | kibigo! <marrus-sh@users.noreply.github.com> | 2017-12-23 22:16:45 -0800 |
---|---|---|
committer | kibigo! <marrus-sh@users.noreply.github.com> | 2018-01-04 18:21:59 -0800 |
commit | 924ffe81d477a8cf890c8117efb94b908760bccc (patch) | |
tree | acefef7362929f4495424fbb037c3be59cca318f /app/javascript/flavours/glitch/util/react_helpers.js | |
parent | fc884d015a1a2d6c31976af3d63039390fa15939 (diff) |
WIPgit status <Compose> Refactor; <Composer> ed.
Diffstat (limited to 'app/javascript/flavours/glitch/util/react_helpers.js')
-rw-r--r-- | app/javascript/flavours/glitch/util/react_helpers.js | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/util/react_helpers.js b/app/javascript/flavours/glitch/util/react_helpers.js new file mode 100644 index 000000000..0826f3584 --- /dev/null +++ b/app/javascript/flavours/glitch/util/react_helpers.js @@ -0,0 +1,21 @@ +// This function binds the given `handlers` to the `target`. +export function assignHandlers (target, handlers) { + if (!target || !handlers) { + return; + } + + // We just bind each handler to the `target`. + const handle = target.handlers = {}; + handlers.keys().forEach( + key => handle.key = key.bind(target) + ); +} + +// This function only returns the component if the result of calling +// `test` with `data` is `true`. Useful with funciton binding. +export function conditionalRender (test, data, component) { + return test ? component : null; +} + +// This object provides props to make the component not visible. +export const hiddenComponent = { style: { display: 'none' } }; |