Web: Files: Templates: Info-panel: added Access sub-menu

packages/client/src/pages/Home/InfoPanel/Body/views/Members/index.js

@@ -75,6 +75,7 @@ const Members = ({
   membersIsLoading,
   searchValue,
   searchResultIsLoading,
+  setAccessSettingsIsVisible,
 }) => {
   const withoutTitlesAndLinks = !!searchValue;
   const membersHelper = new MembersHelper({ t });
@@ -136,6 +137,10 @@ const Members = ({
     }
   };
 
+  const onOpenAccessSettings = () => {
+    setAccessSettingsIsVisible(true);
+  };
+
   const publicRoomItems = [];
 
   if (isPublicRoomType && withPublicRoomBlock && !withoutTitlesAndLinks) {
@@ -229,6 +234,33 @@ const Members = ({
     !withoutTitlesAndLinks;
   const publicRoomItemsLength = publicRoomItems.length;
 
+  const isTemplate = infoPanelSelection?.isTemplate; //TODO: Templates
+  const isAvailableToEveryone = true; //TODO: Templates
+  if (isTemplate && isAvailableToEveryone) {
+    return (
+      <PublicRoomBar
+        headerText={t("Files:TemplateAvailable")}
+        bodyText={
+          <>
+            <div className="template-access_description">
+              {t("Files:TemplateAvailableDescription")}
+            </div>
+            <Link
+              className="template-access_link"
+              isHovered
+              type="action"
+              fontWeight={600}
+              fontSize="13px"
+              onClick={onOpenAccessSettings}
+            >
+              {t("Files:AccessSettings")}
+            </Link>
+          </>
+        }
+      />
+    );
+  }
+
   if (!membersList.length) {
     return <EmptyContainer />;
   }
@@ -301,7 +333,11 @@ export default inject(
 
     const { primaryLink, additionalLinks, setExternalLink } = publicRoomStore;
     const { isArchiveFolderRoot } = treeFoldersStore;
-    const { setLinkParams, setEditLinkPanelIsVisible } = dialogsStore;
+    const {
+      setLinkParams,
+      setEditLinkPanelIsVisible,
+      setTemplateAccessSettingsVisible: setAccessSettingsIsVisible,
+    } = dialogsStore;
 
     const roomType =
       selectedFolderStore.roomType ?? infoPanelSelection?.roomType;
@@ -338,6 +374,7 @@ export default inject(
       membersIsLoading,
       searchValue,
       searchResultIsLoading,
+      setAccessSettingsIsVisible,
     };
   },
 )(

packages/shared/components/public-room-bar/index.tsx

@@ -47,7 +47,12 @@ const PublicRoomBar = (props: PublicRoomBarProps) => {
             {headerText}
           </Text>
         </div>
-        <Text className="text-container_body" fontSize="12px" fontWeight={400}>
+        <Text
+          className="text-container_body"
+          fontSize="12px"
+          fontWeight={400}
+          as="div"
+        >
           {bodyText}
         </Text>
       </div>