temperory allow org managers to handle pkgs meta client side (#2059)

Author: ArnavK-09

src/components/ViewPackagePage/components/important-files-view.tsx

@@ -84,11 +84,10 @@ export default function ImportantFilesView({
   const canManagePackage = useMemo(() => {
     if (isOwner) return isOwner
     if (organization) {
-      return organization.user_permissions?.can_manage_package
+      return organization.user_permissions?.can_manage_org
     }
     return false
   }, [isOwner, organization])
-
   // File type utilities
   const isLicenseFile = useCallback((filePath: string) => {
     const lowerPath = filePath.toLowerCase()

src/components/ViewPackagePage/components/sidebar-about-section.tsx

@@ -10,6 +10,7 @@ import { useState, useEffect, useMemo } from "react"
 import { usePackageFileById, usePackageFiles } from "@/hooks/use-package-files"
 import { getLicenseFromLicenseContent } from "@/lib/getLicenseFromLicenseContent"
 import { PackageInfo } from "@/lib/types"
+import { useOrganization } from "@/hooks/use-organization"
 
 interface SidebarAboutSectionProps {
   packageInfo?: PackageInfo
@@ -25,6 +26,14 @@ export default function SidebarAboutSection({
     include_ai_review: true,
   })
 
+  const { organization } = useOrganization(
+    packageInfo?.owner_org_id
+      ? { orgId: String(packageInfo.owner_org_id) }
+      : packageInfo?.owner_github_username
+        ? { github_handle: packageInfo.owner_github_username }
+        : {},
+  )
+
   const { data: releaseFiles } = usePackageFiles(
     packageInfo?.latest_package_release_id,
   )
@@ -52,6 +61,14 @@ export default function SidebarAboutSection({
     packageInfo?.owner_github_username ===
       useGlobalStore((s) => s.session?.github_username)
 
+  const canManageOrg = useMemo(() => {
+    if (isOwner) return isOwner
+    if (organization) {
+      return organization.user_permissions?.can_manage_org
+    }
+    return false
+  }, [isOwner, organization])
+
   // Local state to store updated values before the query refetches
   const [localDescription, setLocalDescription] = useState<string>("")
   const [localWebsite, setLocalWebsite] = useState<string>("")
@@ -106,7 +123,7 @@ export default function SidebarAboutSection({
       <div className="mb-6">
         <div className="flex justify-between items-center mb-2">
           <h2 className="text-lg font-semibold">About</h2>
-          {isOwner && (
+          {canManageOrg && (
             <Button
               variant="ghost"
               size="sm"