Remove Permission tooltip from OSS (#2009)

<!--
Ensure the title clearly reflects what was changed.
Provide a clear and concise description of the changes made. The PR
should only contain the changes related to the issue, and no other
unrelated changes.
-->

Part of OPS-3675

Author: alexandrudanpop

packages/react-ui/src/app/common/hooks/authorization-hooks.ts

@@ -1,11 +1,14 @@
 import React from 'react';
 
 import { authenticationSession } from '@/app/lib/authentication-session';
+import { Permission } from '@openops/shared';
 
 export const useAuthorization = () => {
   const role = authenticationSession.getUserProjectRole();
 
-  const checkAccess = React.useCallback(() => true, []);
+  const checkAccess = React.useCallback((_permission: Permission) => {
+    return true;
+  }, []);
 
   return { checkAccess, role };
 };

packages/react-ui/src/app/features/builder/flow-versions/flow-versions-card.tsx

@@ -16,7 +16,6 @@ import {
   DropdownMenuTrigger,
   INTERNAL_ERROR_TOAST,
   LoadingSpinner,
-  PermissionNeededTooltip,
   toast,
   Tooltip,
   TooltipContent,
@@ -62,18 +61,16 @@ const UseAsDraftDropdownMenuOption = ({
         disabled={!userHasPermissionToWriteFlow}
         className="w-full"
       >
-        <PermissionNeededTooltip hasPermission={userHasPermissionToWriteFlow}>
-          <DropdownMenuItem
-            className="w-full"
-            onSelect={(e) => {
-              e.preventDefault();
-            }}
-            disabled={!userHasPermissionToWriteFlow}
-          >
-            <Pencil className="mr-2 h-4 w-4" />
-            <span>{t('Use as Draft')}</span>
-          </DropdownMenuItem>
-        </PermissionNeededTooltip>
+        <DropdownMenuItem
+          className="w-full"
+          onSelect={(e) => {
+            e.preventDefault();
+          }}
+          disabled={!userHasPermissionToWriteFlow}
+        >
+          <Pencil className="mr-2 h-4 w-4" />
+          <span>{t('Use as Draft')}</span>
+        </DropdownMenuItem>
       </DialogTrigger>
       <DialogContent>
         <DialogHeader>

packages/react-ui/src/app/features/connections/components/connection-table.tsx

@@ -13,7 +13,6 @@ import {
   INTERNAL_ERROR_TOAST,
   PageHeader,
   PaginationParams,
-  PermissionNeededTooltip,
   RowDataWithActions,
   StatusIconWithText,
   toast,
@@ -22,6 +21,7 @@ import {
   AppConnection,
   AppConnectionStatus,
   MinimalFlow,
+  Permission,
 } from '@openops/shared';
 import { ColumnDef } from '@tanstack/react-table';
 import { t } from 'i18next';
@@ -263,27 +263,25 @@ const fetchData = async (
 
 const ConnectionsHeader = () => {
   const { checkAccess } = useAuthorization();
-  const userHasPermissionToWriteAppConnection = checkAccess();
+  const userHasPermissionToWriteAppConnection = checkAccess(
+    Permission.WRITE_APP_CONNECTION,
+  );
 
   const { setRefresh } = useConnectionsContext();
 
   return (
     <PageHeader title={t('Connections')}>
       <div className="ml-auto mr-7">
-        <PermissionNeededTooltip
-          hasPermission={userHasPermissionToWriteAppConnection}
+        <NewConnectionTypeDialog
+          onConnectionCreated={() => setRefresh((prev) => !prev)}
         >
-          <NewConnectionTypeDialog
-            onConnectionCreated={() => setRefresh((prev) => !prev)}
+          <Button
+            variant="default"
+            disabled={!userHasPermissionToWriteAppConnection}
           >
-            <Button
-              variant="default"
-              disabled={!userHasPermissionToWriteAppConnection}
-            >
-              {t('New Connection')}
-            </Button>
-          </NewConnectionTypeDialog>
-        </PermissionNeededTooltip>
+            {t('New Connection')}
+          </Button>
+        </NewConnectionTypeDialog>
       </div>
     </PageHeader>
   );

packages/ui-components/src/index.ts

@@ -32,7 +32,6 @@ export * from './ui/image-with-fallback';
 export * from './ui/input';
 export * from './ui/label';
 export * from './ui/numeric-input';
-export * from './ui/permission-needed-tooltip';
 export * from './ui/popover';
 export * from './ui/progress';
 export * from './ui/radio-group';