Strip old context hooks

Author: colinmcneil

src/extension/ui/src/components/tabs/ToolCatalog.tsx

@@ -5,7 +5,6 @@ import AddIcon from '@mui/icons-material/Add';
 import { v1 } from "@docker/extension-api-client-types";
 import { CatalogItemWithName } from '../../types/catalog';
 import { Secret } from '../../types/secrets';
-import { useCatalogContext } from '../../context/CatalogContext';
 import { CATALOG_LAYOUT_SX } from '../../Constants';
 
 interface ToolCatalogProps {
@@ -26,9 +25,7 @@ interface ToolCatalogProps {
 
 const ToolCatalog: React.FC<ToolCatalogProps> = ({ config, search, catalogItems, client, onSecretChange, secrets, registryItems, showMine }) => {
 
-    const { getCanRegisterCatalogItem } = useCatalogContext();
-
-    const tileIsRegistered = (item: CatalogItemWithName) => registryItems[item.name]?.ref !== undefined && getCanRegisterCatalogItem(item);
+    const tileIsRegistered = (item: CatalogItemWithName) => registryItems[item.name]?.ref !== undefined;
 
     const filteredCatalogItems = catalogItems.filter(item => {
         const isRegistered = tileIsRegistered(item);

src/extension/ui/src/components/tile/Index.tsx

@@ -5,14 +5,11 @@ import { CatalogItemWithName } from "../../types/catalog";
 import { Save, LockReset } from "@mui/icons-material";
 import Secrets from "../../Secrets";
 import ConfigurationModal from "./Modal";
-import { useCatalogContext } from "../../context/CatalogContext";
 import Top from "./Top";
 import Center from "./Center";
 import Bottom from "./Bottom";
 import { Secret } from "../../types";
 import { v1 } from "@docker/extension-api-client-types";
-import { useConfigContext } from "../../context/ConfigContext";
-
 
 type TileProps = {
     item: CatalogItemWithName;

src/extension/ui/src/components/tile/Modal.tsx

@@ -4,8 +4,6 @@ import { useEffect, useMemo, useState } from "react";
 import { CatalogItemWithName } from "../../types/catalog";
 import Secrets from "../../Secrets";
 import { v1 } from "@docker/extension-api-client-types";
-import { useCatalogContext } from "../../context/CatalogContext";
-import { useConfigContext } from "../../context/ConfigContext";
 import { ASSIGNED_SECRET_PLACEHOLDER, CATALOG_LAYOUT_SX, UNASSIGNED_SECRET_PLACEHOLDER } from "../../Constants";
 import ConfigEditor from "./ConfigEditor";
 
@@ -57,9 +55,6 @@ const ConfigurationModal = ({
     registered,
     onSecretChange,
 }: ConfigurationModalProps) => {
-
-    const { registryItems, secrets, getCanRegisterCatalogItem } = useCatalogContext();
-    const { configLoading, config } = useConfigContext();
     const [localSecrets, setLocalSecrets] = useState<{ [key: string]: string | undefined }>({});
     const theme = useTheme();
 

src/extension/ui/src/components/tile/Top.tsx

@@ -1,7 +1,6 @@
 import { Settings } from "@mui/icons-material";
-import { Badge, CardMedia, IconButton, Stack, Switch, Tooltip, Typography } from "@mui/material";
+import { CardMedia, Stack, Switch, Tooltip, Typography } from "@mui/material";
 import { CatalogItemWithName } from "../../types/catalog";
-import { useCatalogContext } from "../../context/CatalogContext";
 
 type TopProps = {
     unAssignedConfig: { name: string, assigned: boolean }[],
@@ -12,9 +11,6 @@ type TopProps = {
 }
 
 export default function Top({ item, onToggleRegister, registered }: TopProps) {
-    const { getCanRegisterCatalogItem } = useCatalogContext();
-
-    const canRegister = getCanRegisterCatalogItem(item);
 
     const getActionButton = () => {
         if (!canRegister) {