From e3a25b6ceb4fb08f01ce462dc79092193cfc174a Mon Sep 17 00:00:00 2001
From: Karol Wypchlo <kwypchlo@gmail.com>
Date: Thu, 13 Jan 2022 11:51:23 +0100
Subject: [PATCH] temporary backwards compatibility code

---
 packages/website/src/components/Navigation/Navigation.js | 4 ++--
 packages/website/src/components/Uploader/Uploader.js     | 6 ++++--
 packages/website/src/services/useAccounts.js             | 6 +++++-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/website/src/components/Navigation/Navigation.js b/packages/website/src/components/Navigation/Navigation.js
index 5e0c5ec4..ab96ab2a 100644
--- a/packages/website/src/components/Navigation/Navigation.js
+++ b/packages/website/src/components/Navigation/Navigation.js
@@ -41,8 +41,8 @@ const Navigation = ({ mode, uri }) => {
   }, [open]);
 
   const mobileMenuOffset = navRef.current ? navRef.current.offsetTop : 0;
-  const showLoginNavigation = accounts?.enabled && !accounts?.authenticated;
-  const showAccountNavigation = accounts?.enabled && accounts?.authenticated;
+  const showLoginNavigation = accounts && accounts.enabled !== false && !accounts?.authenticated;
+  const showAccountNavigation = accounts && accounts.enabled !== false && accounts?.authenticated;
 
   return (
     <nav
diff --git a/packages/website/src/components/Uploader/Uploader.js b/packages/website/src/components/Uploader/Uploader.js
index f46e2669..0384bf67 100644
--- a/packages/website/src/components/Uploader/Uploader.js
+++ b/packages/website/src/components/Uploader/Uploader.js
@@ -52,8 +52,10 @@ const Uploader = () => {
   const [uploads, setUploads] = React.useState([]);
 
   const { data: accounts } = useAccounts();
-  const showAccountFeatures = accounts?.enabled && !accounts?.auth_required && !accounts?.authenticated;
-  const disabledComponent = accounts?.enabled && accounts?.auth_required && !accounts?.authenticated;
+  const showAccountFeatures =
+    accounts && accounts.enabled !== false && !accounts?.auth_required && !accounts?.authenticated;
+  const disabledComponent =
+    accounts && accounts.enabled !== false && accounts?.auth_required && !accounts?.authenticated;
 
   const onUploadStateChange = React.useCallback((id, state) => {
     setUploads((uploads) => {
diff --git a/packages/website/src/services/useAccounts.js b/packages/website/src/services/useAccounts.js
index aab8c62c..cb776562 100644
--- a/packages/website/src/services/useAccounts.js
+++ b/packages/website/src/services/useAccounts.js
@@ -1,7 +1,11 @@
 import useSWR from "swr";
 
 const prefix = process.env.GATSBY_API_URL ?? "";
-const fetcher = (url) => fetch(`${prefix}${url}`).then((response) => response.json());
+const fetcher = (url) =>
+  fetch(`${prefix}${url}`)
+    .then((response) => response.json())
+    // temporary backwards compatibility code until new nginx code is deployed
+    .catch((error) => console.log(error) || fetcher(url.replace("/accounts", "/authenticated")));
 
 export default function useAccounts() {
   return useSWR("/__internal/do/not/use/accounts", fetcher);