diff --git a/samples/sample-react-app/src/App.css b/samples/sample-react-app/src/App.css index 4a32f5a..65acfc5 100644 --- a/samples/sample-react-app/src/App.css +++ b/samples/sample-react-app/src/App.css @@ -14,6 +14,11 @@ text-align: center; } +.main { display: flex; } +.left { flex-grow: 1; } +.right { flex-grow: 1; } +.hide { display: none; } + @media (prefers-reduced-motion: no-preference) { .App-logo { animation: App-logo-spin infinite 20s linear; diff --git a/samples/sample-react-app/src/App.tsx b/samples/sample-react-app/src/App.tsx index f159213..7e3d0bf 100644 --- a/samples/sample-react-app/src/App.tsx +++ b/samples/sample-react-app/src/App.tsx @@ -2,7 +2,7 @@ import './App.css'; import { useFetch } from './hooks/useFetch'; import { Form, FormLogin } from '@episerver/forms-react'; import { extractParams } from './helpers/urlHelper'; -import { FormCache, FormConstants, IdentityInfo } from '@episerver/forms-sdk'; +import { FormCache, FormConstants, IdentityInfo, isNullOrEmpty } from '@episerver/forms-sdk'; import { useState } from 'react'; function App() { @@ -25,20 +25,25 @@ function App() { {!loading && pageData && ( <>

{pageData.title}

-

Login

- - - {pageData.childrens.map((c: any) => ( -
- ))} +
+
+ {pageData.childrens.map((c: any) => ( + + ))} +
+
+

Login

+ +
+
)}