From 20da8cb3914f53194ded9b5ca9e4c56d7c921944 Mon Sep 17 00:00:00 2001 From: Carlos Esteban Feria Vila <2582866+carlosthe19916@users.noreply.github.com> Date: Fri, 19 Nov 2021 11:26:28 +0100 Subject: [PATCH 1/2] Add conditional --- .../ConditionalRender/ConditionalRender.tsx | 15 +++++++++++++++ src/components/ConditionalRender/index.ts | 1 + src/index.ts | 1 + 3 files changed, 17 insertions(+) create mode 100644 src/components/ConditionalRender/ConditionalRender.tsx create mode 100644 src/components/ConditionalRender/index.ts diff --git a/src/components/ConditionalRender/ConditionalRender.tsx b/src/components/ConditionalRender/ConditionalRender.tsx new file mode 100644 index 0000000..847e171 --- /dev/null +++ b/src/components/ConditionalRender/ConditionalRender.tsx @@ -0,0 +1,15 @@ +import React from "react"; + +export interface ConditionalRenderProps { + when: boolean; + then: any; + children: any; +} + +export const ConditionalRender: React.FC = ({ + when, + then, + children, +}) => { + return when ? then : children || <>; +}; diff --git a/src/components/ConditionalRender/index.ts b/src/components/ConditionalRender/index.ts new file mode 100644 index 0000000..4b40a54 --- /dev/null +++ b/src/components/ConditionalRender/index.ts @@ -0,0 +1 @@ +export * from './ConditionalRender'; diff --git a/src/index.ts b/src/index.ts index 1f1db21..71c4422 100644 --- a/src/index.ts +++ b/src/index.ts @@ -1,3 +1,4 @@ +export * from './components/ConditionalRender'; export * from './components/SimplePlaceholder'; export * from './components/SimpleSelect'; export * from './components/SimpleTableWithToolbar'; From afe478c4bb7b1194452879c29aa7adc9ac0bfac8 Mon Sep 17 00:00:00 2001 From: Carlos Esteban Feria Vila <2582866+carlosthe19916@users.noreply.github.com> Date: Fri, 19 Nov 2021 11:33:09 +0100 Subject: [PATCH 2/2] Fix format --- src/components/ConditionalRender/ConditionalRender.tsx | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/src/components/ConditionalRender/ConditionalRender.tsx b/src/components/ConditionalRender/ConditionalRender.tsx index 847e171..f702ae1 100644 --- a/src/components/ConditionalRender/ConditionalRender.tsx +++ b/src/components/ConditionalRender/ConditionalRender.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import React from 'react'; export interface ConditionalRenderProps { when: boolean; @@ -6,10 +6,6 @@ export interface ConditionalRenderProps { children: any; } -export const ConditionalRender: React.FC = ({ - when, - then, - children, -}) => { +export const ConditionalRender: React.FC = ({ when, then, children }) => { return when ? then : children || <>; };