Resolve "[MIN-320] opening project without permission"

Closes #253 (closed)

src/components/FunctionalArea/Modal/AccessDeniedModal/AccessDeniedModal.component.tsx

@@ -5,13 +5,18 @@ import { loginUserSelector } from '@/redux/user/user.selectors';
 import { openLoginModal } from '@/redux/modal/modal.slice';
 import { MINUS_ONE } from '@/constants/common';
 import { Button } from '@/shared/Button';
+import { adminEmailValSelector } from '@/redux/configuration/configuration.selectors';
 
 export const AccessDeniedModal: React.FC = () => {
   const dispatch = useAppDispatch();
   const login = useAppSelector(loginUserSelector);
 
+  const adminEmail = useAppSelector(adminEmailValSelector);
+
   const isAnonymousLogin = !login;
 
+  const isAdminEmail = adminEmail !== '' && adminEmail !== undefined;
+
   const handleGoBack = async (e: React.FormEvent<HTMLButtonElement>): Promise<void> => {
     e.preventDefault();
     window.history.go(MINUS_ONE);
@@ -22,6 +27,11 @@ export const AccessDeniedModal: React.FC = () => {
     dispatch(openLoginModal());
   };
 
+  const handleContactdAmin = async (e: React.FormEvent<HTMLButtonElement>): Promise<void> => {
+    e.preventDefault();
+    window.location.href = `mailto:${adminEmail}`;
+  };
+
   return (
     <div className="w-[400px] border border-t-[#E1E0E6] bg-white p-[24px]">
       {isAnonymousLogin && (
@@ -42,6 +52,17 @@ export const AccessDeniedModal: React.FC = () => {
           </div>
         </div>
       )}
+      {isAdminEmail && (
+        <div className="mt-1 text-center">
+          <Button
+            className="block w-full ring-transparent hover:ring-transparent"
+            variantStyles="secondary"
+            onClick={handleContactdAmin}
+          >
+            Contact admin
+          </Button>
+        </div>
+      )}
     </div>
   );
 };