chore: analytics permission validation added

web/components/headers/cycle-issues.tsx

@@ -192,10 +192,12 @@ export const CycleIssuesHeader: React.FC = observer(() => {
               handleDisplayPropertiesUpdate={handleDisplayProperties}
             />
           </FiltersDropdown>
+
+          {canUserCreateIssue && (
+            <>
               <Button onClick={() => setAnalyticsModal(true)} variant="neutral-primary" size="sm">
                 Analytics
               </Button>
-          {canUserCreateIssue && (
               <Button
                 onClick={() => {
                   setTrackElement("CYCLE_PAGE_HEADER");
@@ -206,6 +208,7 @@ export const CycleIssuesHeader: React.FC = observer(() => {
               >
                 Add Issue
               </Button>
+            </>
           )}
           <button
             type="button"

web/components/headers/module-issues.tsx

@@ -193,10 +193,12 @@ export const ModuleIssuesHeader: React.FC = observer(() => {
               handleDisplayPropertiesUpdate={handleDisplayProperties}
             />
           </FiltersDropdown>
+
+          {canUserCreateIssue && (
+            <>
               <Button onClick={() => setAnalyticsModal(true)} variant="neutral-primary" size="sm">
                 Analytics
               </Button>
-          {canUserCreateIssue && (
               <Button
                 onClick={() => {
                   setTrackElement("MODULE_PAGE_HEADER");
@@ -207,6 +209,7 @@ export const ModuleIssuesHeader: React.FC = observer(() => {
               >
                 Add Issue
               </Button>
+            </>
           )}
           <button
             type="button"

web/components/headers/project-issues.tsx

@@ -202,10 +202,12 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
               </span>
             </Link>
           )}
+
+          {canUserCreateIssue && (
+            <>
               <Button onClick={() => setAnalyticsModal(true)} variant="neutral-primary" size="sm">
                 Analytics
               </Button>
-          {canUserCreateIssue && (
               <Button
                 onClick={() => {
                   setTrackElement("PROJECT_PAGE_HEADER");
@@ -216,6 +218,7 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
               >
                 Add Issue
               </Button>
+            </>
           )}
         </div>
       </div>

web/components/workspace/sidebar-menu.tsx

@@ -9,6 +9,8 @@ import { BarChart2, Briefcase, CheckCircle, LayoutGrid } from "lucide-react";
 // mobx store
 import { useMobxStore } from "lib/mobx/store-provider";
 import { observer } from "mobx-react-lite";
+// constants
+import { EUserWorkspaceRoles } from "constants/workspace";
 
 const workspaceLinks = (workspaceSlug: string) => [
   {
@@ -34,16 +36,21 @@ const workspaceLinks = (workspaceSlug: string) => [
 ];
 
 export const WorkspaceSidebarMenu = observer(() => {
-  const { theme: themeStore } = useMobxStore();
+  const {
+    theme: themeStore,
+    user: { currentWorkspaceRole },
+  } = useMobxStore();
   // router
   const router = useRouter();
   const { workspaceSlug } = router.query;
 
+  const isAuthorizedUser = !!currentWorkspaceRole && currentWorkspaceRole >= EUserWorkspaceRoles.MEMBER;
+
   return (
     <div className="w-full cursor-pointer space-y-1 p-4">
       {workspaceLinks(workspaceSlug as string).map((link, index) => {
         const isActive = link.name === "Settings" ? router.asPath.includes(link.href) : router.asPath === link.href;
-
+        if (!isAuthorizedUser && link.name === "Analytics") return;
         return (
           <Link key={index} href={link.href}>
             <span className="block w-full">