From cb6b76c3e2875f06c68792e07f7db1350a45d6d4 Mon Sep 17 00:00:00 2001
From: Matthias Nannt <mail@matthiasnannt.com>
Date: Wed, 20 Jul 2022 15:07:46 +0200
Subject: [PATCH] fix infinite loading in app, fix signout error

---
 components/form/FormCode.tsx        | 2 +-
 components/layout/LayoutPreview.tsx | 4 ++--
 components/layout/MenuProfile.tsx   | 2 +-
 package.json                        | 2 +-
 yarn.lock                           | 8 ++++----
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/form/FormCode.tsx b/components/form/FormCode.tsx
index 05135bff34..8ee6971b37 100644
--- a/components/form/FormCode.tsx
+++ b/components/form/FormCode.tsx
@@ -97,7 +97,7 @@ export default function FormCode({ formId }) {
             )}"`}</code>
           </p>
           <p>
-            <code>{`formId=${formId}`}</code>
+            <code>{`formId="${formId}"`}</code>
           </p>
           <p>
             <code>{">"}</code>
diff --git a/components/layout/LayoutPreview.tsx b/components/layout/LayoutPreview.tsx
index 6b492ab10c..61de5719b7 100644
--- a/components/layout/LayoutPreview.tsx
+++ b/components/layout/LayoutPreview.tsx
@@ -25,7 +25,7 @@ export default function LayoutShare({ formId, resetApp, children }) {
       <div className="flex min-h-screen overflow-hidden bg-gray-50">
         <div className="flex flex-col flex-1 overflow-hidden">
           <header className="w-full">
-            <div className="relative z-10 flex flex-shrink-0 h-16 bg-white border-b border-ui-gray-light shadow-sm">
+            <div className="relative z-10 flex flex-shrink-0 h-16 bg-white border-b shadow-sm border-ui-gray-light">
               <div className="flex flex-1 px-4 sm:px-6">
                 <div className="flex items-center flex-1">
                   <Link href={`/forms/${formId}/form`}>
@@ -41,7 +41,7 @@ export default function LayoutShare({ formId, resetApp, children }) {
                   <button
                     type="button"
                     onClick={() => resetApp()}
-                    className="inline-flex items-center px-4 py-2 text-sm font-medium text-white border border-transparent rounded-md shadow-sm bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500"
+                    className="inline-flex items-center px-4 py-2 text-sm font-medium text-white bg-red-600 border border-transparent rounded-md shadow-sm hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500"
                   >
                     Restart
                     <RefreshIcon
diff --git a/components/layout/MenuProfile.tsx b/components/layout/MenuProfile.tsx
index a87dd53d1f..4a7b537314 100644
--- a/components/layout/MenuProfile.tsx
+++ b/components/layout/MenuProfile.tsx
@@ -40,7 +40,7 @@ export default function MenuProfile({}) {
               <Menu.Item>
                 {({ active }) => (
                   <button
-                    onClick={() => signOut()}
+                    onClick={() => signOut({ callbackUrl: "/" })}
                     className={classNames(
                       active ? "bg-gray-100" : "",
                       "block px-4 py-2 text-sm text-ui-gray-dark w-full text-left"
diff --git a/package.json b/package.json
index 862286b4f2..17ec1d98f8 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "@headlessui/react": "^1.6.1",
     "@heroicons/react": "^1.0.6",
     "@prisma/client": "^4.1.0",
-    "@snoopforms/react": "^0.0.3",
+    "@snoopforms/react": "^0.0.4",
     "babel-plugin-superjson-next": "^0.4.3",
     "bcryptjs": "^2.4.3",
     "date-fns": "^2.28.0",
diff --git a/yarn.lock b/yarn.lock
index b882cb973b..555358f3c1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -257,10 +257,10 @@
   resolved "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.1.3.tgz"
   integrity sha512-WiBSI6JBIhC6LRIsB2Kwh8DsGTlbBU+mLRxJmAe3LjHTdkDpwIbEOZgoXBbZilk/vlfjK8i6nKRAvIRn1XaIMw==
 
-"@snoopforms/react@^0.0.3":
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/@snoopforms/react/-/react-0.0.3.tgz#8ed889dde7df914b4290189de98d6f5c4fd9a9ab"
-  integrity sha512-A7V/5MAqiIPgbNZ+2cL7otVosi0wGAbTzuZ/tcid5S2BdCxF2XDS99ztimXYLVd4ozCP7kxDa7RMtmYdftNKzQ==
+"@snoopforms/react@^0.0.4":
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/@snoopforms/react/-/react-0.0.4.tgz#256c2285d0ef540c6ba4bde8d9a096d02e576fff"
+  integrity sha512-QR/G8aP5XSIpeKw5JzpNKEgDLR4FXH65k7c3/XvuZ8Xa6mYft4644vyZGAagrChXh76tx10wtsvV6kj9I/WDtA==
   dependencies:
     "@fingerprintjs/fingerprintjs" "^3.3.3"
     "@headlessui/react" "^1.6.4"