Using query params to display h5web component

h2020charisma · Aug 29, 2024 · 582160a · 582160a
1 parent 74b442d
commit 582160a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/components/h5web/h5web.jsx b/components/h5web/h5web.jsx
@@ -3,16 +3,18 @@ import "@h5web/app/dist/styles.css";
 import { App, HsdsProvider } from "@h5web/app";
 
 // eslint-disable-next-line react/prop-types
-export default function H5web({ domain }) {
+export default function H5web({ domain, h5webParams }) {
   console.log("h5web", domain);
+  console.log("h5webParams", h5webParams);
+
   return (
     <div>
       <div style={{ height: "90vh" }}>
         <HsdsProvider
           url="https://hsds-kc.ideaconsult.net"
           username="system-public-user"
           password="system-public-user"
-          filepath={`${domain}`}
+          filepath={`${domain ? domain : h5webParams}`}
         >
           <App initialPath="/"/>
         </HsdsProvider>

diff --git a/src/App.css b/src/App.css
@@ -271,7 +271,9 @@ h1 {
   align-items: baseline;
   justify-content: space-between;
   align-items: flex-start;
+  flex-direction: column;
   margin: 1rem 0;
+  gap: 16px;
 }
 
 .shareBtn {

diff --git a/src/App.jsx b/src/App.jsx
@@ -22,7 +22,7 @@ function App() {
       <UnderDevelopent />
       <div>
         {h5webParams ? (
-          <H5web domain={domain} />
+          <H5web domain={domain} h5webParams={h5webParams}/>
         ) : (
           <div>
             <SearchComp setDomain={setDomain} />