Visually handle a loss of access

bloom-housing · Apr 6, 2021 · 70622a3 · 70622a3
1 parent e5879e1
commit 70622a3
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 4 deletions.
diff --git a/sites/public/pages/account/application.tsx b/sites/public/pages/account/application.tsx
@@ -30,6 +30,8 @@ export default () => {
   const { profile } = useContext(UserContext)
   const [application, setApplication] = useState<Application>()
   const [listing, setListing] = useState<Listing>()
+  const [unauthorized, setUnauthorized] = useState(false)
+  const [noApplication, setNoApplication] = useState(false)
   useEffect(() => {
     if (profile) {
       applicationsService
@@ -41,19 +43,42 @@ export default () => {
             .then((retrievedListing) => {
               setListing(retrievedListing)
             })
-            .catch((err) => console.error(`Error fetching listing: ${err}`))
+            .catch((err) => {
+              console.error(`Error fetching listing: ${err}`)
+            })
+        })
+        .catch((err) => {
+          console.error(`Error fetching application: ${err}`)
+          if (`${err}`.indexOf("404") >= 0) setNoApplication(true)
+          if (`${err}`.indexOf("403") >= 0) setUnauthorized(true)
+          console.log(err)
         })
-        .catch((err) => console.error(`Error fetching application: ${err}`))
     }
   }, [profile, applicationId, applicationsService, listingsService])
 
   return (
     <>
       <RequireLogin signInPath="/sign-in" signInMessage={t("t.loginIsRequired")}>
         <FormsLayout>
+          {noApplication && (
+            <FormCard header={t("account.application.error")}>
+              <p className="field-note mb-5">{t("account.application.noApplicationError")}</p>
+              <a href={`applications`} className="button is-small">
+                {t("account.application.return")}
+              </a>
+            </FormCard>
+          )}
+          {unauthorized && (
+            <FormCard header={t("account.application.error")}>
+              <p className="field-note mb-5">{t("account.application.noAccessError")}</p>
+              <a href={`applications`} className="button is-small">
+                {t("account.application.return")}
+              </a>
+            </FormCard>
+          )}
           {application && (
             <>
-              <FormCard header="Confirmation">
+              <FormCard header={t("account.application.confirmation")}>
                 <div className="py-2">
                   {listing && (
                     <Link

diff --git a/ui-components/src/locales/general.json b/ui-components/src/locales/general.json
@@ -5,7 +5,14 @@
     "createAccount": "Create Account",
     "haveAnAccount": "Already have an account?",
     "myApplications": "My Applications",
-    "myApplicationsSubtitle": "See lottery dates and listings for properties for which you've applied"
+    "myApplicationsSubtitle": "See lottery dates and listings for properties for which you've applied",
+    "application": {
+      "confirmation": "Confirmation",
+      "error": "Error",
+      "noAccessError": "No application with that ID exists",
+      "noApplicationError": "No application with that ID exists",
+      "return": "Return to applications"
+    }
   },
   "applications": {
     "begin": {