From 770f95bd7c6be912ebbba8296731a071acc0d7fe Mon Sep 17 00:00:00 2001
From: Kimberlee Johnson <hello@kimberlee.dev>
Date: Tue, 14 Sep 2021 09:48:19 -0700
Subject: [PATCH] Moved getStaticProps to index and prefixed project

---
 .../basic-embed/components/PrebuiltCall.js      | 17 +++++++----------
 prebuilt-ui/basic-embed/package.json            |  2 +-
 prebuilt-ui/basic-embed/pages/index.js          | 13 +++++++++++--
 3 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/prebuilt-ui/basic-embed/components/PrebuiltCall.js b/prebuilt-ui/basic-embed/components/PrebuiltCall.js
index a36b64d..7474777 100644
--- a/prebuilt-ui/basic-embed/components/PrebuiltCall.js
+++ b/prebuilt-ui/basic-embed/components/PrebuiltCall.js
@@ -19,7 +19,7 @@ import { TextInput } from '@dailyjs/shared/components/Input';
 import { Well } from '@dailyjs/shared/components/Well';
 import { Header } from '../components/Header';
 
-export default function PrebuiltCall() {
+export default function PrebuiltCall(props) {
   const [demoState, setDemoState] = useState('home');
   const [isError, setIsError] = useState(false);
   const [roomURL, setRoomURL] = useState('');
@@ -143,6 +143,12 @@ export default function PrebuiltCall() {
               Start demo with a new unique room, or paste in your own room URL.
             </CardHeader>
             <CardBody>
+              {!props.configured && (
+                <Well variant="error">
+                  You must configure env variables to create rooms (see README
+                  instructions).
+                </Well>
+              )}
               {isError && (
                 <Well variant="error">
                   Error creating the room. Please try again.
@@ -246,12 +252,3 @@ export default function PrebuiltCall() {
     </div>
   );
 }
-
-// export async function getStaticProps() {
-//   return {
-//     props: {
-//       domain: process.env.DAILY_DOMAIN,
-//       key: process.env.DAILY_API_KEY,
-//     },
-//   };
-// }
diff --git a/prebuilt-ui/basic-embed/package.json b/prebuilt-ui/basic-embed/package.json
index d1d46f7..ccef04d 100644
--- a/prebuilt-ui/basic-embed/package.json
+++ b/prebuilt-ui/basic-embed/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "basic-embed",
+  "name": "@prebuilt-ui/basic-embed",
   "version": "0.1.0",
   "private": true,
   "scripts": {
diff --git a/prebuilt-ui/basic-embed/pages/index.js b/prebuilt-ui/basic-embed/pages/index.js
index 92dc7e3..209542a 100644
--- a/prebuilt-ui/basic-embed/pages/index.js
+++ b/prebuilt-ui/basic-embed/pages/index.js
@@ -1,9 +1,10 @@
 import PrebuiltCall from '../components/PrebuiltCall';
+import getDemoProps from '@dailyjs/shared/lib/demoProps';
 
-export default function Home() {
+export default function Index({ isConfigured = false }) {
   return (
     <>
-      <PrebuiltCall />
+      <PrebuiltCall configured={isConfigured} />
       <style jsx>{`
         display: flex;
         align-items: center;
@@ -13,3 +14,11 @@ export default function Home() {
     </>
   );
 }
+
+export async function getStaticProps() {
+  const defaultProps = getDemoProps();
+
+  return {
+    props: defaultProps,
+  };
+}