Web: Files: added error pages for public-room

packages/client/public/locales/en/Errors.json

@@ -4,5 +4,9 @@
   "Error404Text": "Sorry, the resource cannot be found.",
   "ErrorEmptyResponse": "Empty response",
   "ErrorOfflineText": "No internet connection",
-  "ErrorUnavailableText": "DocSpace unavailable"
+  "ErrorUnavailableText": "DocSpace unavailable",
+  "InvalidLink": "Invalid link",
+  "ExpiredLink": "Expired link",
+  "LinkDoesNotExist": "The link you are trying to access does not exist.",
+  "LinkHasExpired": "The link you followed has expired."
 }

packages/client/src/pages/PublicRoom/index.js

@@ -13,6 +13,7 @@ import SectionBodyContent from "../Home/Section/Body";
 // import SectionBodyContent from "./Body";
 
 import RoomPassword from "./sub-components/RoomPassword";
+import RoomErrors from "./sub-components/RoomErrors";
 
 const PublicRoom = (props) => {
   const {
@@ -71,9 +72,9 @@ const PublicRoom = (props) => {
       case ValidationResult.Ok:
         return roomPage();
       case ValidationResult.Invalid:
-        return <></>;
+        return <RoomErrors isInvalid />;
       case ValidationResult.Expired:
-        return <></>;
+        return <RoomErrors />;
       case ValidationResult.Password:
         return <RoomPassword roomKey={key} />;
 

packages/client/src/pages/PublicRoom/sub-components/RoomErrors.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { withTranslation } from "react-i18next";
+import ErrorContainer from "@docspace/common/components/ErrorContainer";
+
+const RoomErrors = ({ t, tReady, isInvalid }) => {
+  const headerText = isInvalid ? t("InvalidLink") : t("ExpiredLink");
+  const bodyText = isInvalid ? t("LinkDoesNotExist") : t("LinkHasExpired");
+
+  return tReady ? (
+    <ErrorContainer headerText={headerText} bodyText={bodyText} />
+  ) : (
+    <></>
+  );
+};
+
+export default withTranslation(["Errors"])(RoomErrors);