feat(xen-tg-app): use capability ID instead of name and domain

Author: alsakhaev

apps/xen-tg-app/src/components/Agent.tsx

@@ -53,15 +53,15 @@ const Agent: FC<TAgentProps> = ({ capabilitiy }) => {
   })
 
   const action = useMemo(() => {
+    // ToDo: better to use capabilitiy.id?
     if (capabilitiy.name === 'news-monitor') return () => navigate('/news-monitor')
   }, [capabilitiy, navigate])
 
   const handleChangeStatus = () =>
     handleToggleCapability.mutate({
       methodName: capabilitiy.isEnabled ? 'disableCapability' : 'enableCapability',
       params: {
-        domain: capabilitiy.domain,
-        name: capabilitiy.name,
+        id: capabilitiy.id,
       },
     })
 
@@ -108,8 +108,7 @@ const Agent: FC<TAgentProps> = ({ capabilitiy }) => {
             handleRemoveCapability.mutate({
               methodName: 'removeCapability',
               params: {
-                domain: capabilitiy.domain,
-                name: capabilitiy.name,
+                id: capabilitiy.id,
               },
             })}
       >

apps/xen-tg-app/src/components/Capabilities.tsx

@@ -157,7 +157,7 @@ const Capabilities = () => {
       </div>
       {capabilities?.pages.map((group) =>
         group?.items?.map((capabilitiy) => (
-          <Agent key={capabilitiy.name} capabilitiy={capabilitiy} />
+          <Agent key={capabilitiy.id} capabilitiy={capabilitiy} />
         ))
       )}
       <div ref={sentinelRef} />

apps/xen-tg-app/src/types.ts

@@ -28,6 +28,7 @@ export type Balance = {
 }
 
 export type TAgent = {
+  id: string
   name: string
   domain: string
   title: string | null