[plugin-admin] comments for the application

ui/plugin-admin/src/components/Plugin.js

@@ -4,6 +4,7 @@ import { useGlobalsActions, useShowDetailsFor } from "./StoreProvider"
 
 import { Icon } from "juno-ui-components"
 
+// renders a single plugin row
 const Plugin = (props) => {
   const plugin = props.plugin
   const { setShowDetailsFor } = useGlobalsActions()

ui/plugin-admin/src/components/PluginDetail.js

@@ -22,6 +22,7 @@ import {
   TabPanel,
 } from "juno-ui-components"
 
+// Renders the plugin details panel
 const PluginDetail = () => {
   const pluginConfig = usePluginConfig()
   const { setShowDetailsFor } = useGlobalsActions()

ui/plugin-admin/src/components/PluginList.js

@@ -10,6 +10,7 @@ import {
 import { usePluginConfig } from "./StoreProvider"
 import Plugin from "./Plugin"
 
+// Renders the list of plugins
 const PluginList = () => {
   const pluginConfig = usePluginConfig()
 

ui/plugin-admin/src/hooks/useAPI.js

@@ -5,8 +5,8 @@ import { useGlobalsActions } from "../components/StoreProvider"
 
 import { getResourceStatusFromKubernetesConditions } from "../../../utils/resourceStatus"
 
+// Extracts the external services from the object and creates links which are used in the plugin list / detail
 export const buildExternalServicesUrls = (exposedServices) => {
-  // extract url and the name from the object and create a link
   if (!exposedServices) return null
 
   const links = []
@@ -22,19 +22,22 @@ export const buildExternalServicesUrls = (exposedServices) => {
   return links
 }
 
+// Creates a flat object from the plugin config data
 export const createPluginConfig = (items) => {
   let allPlugins = []
-
   items.forEach((item) => {
+    // unknown is used as a last fallback, should not happen
     const id = item?.metadata?.name ? item.metadata?.name : "Unknown"
     const name = item?.spec?.displayName ? item.spec.displayName : id
     const disabled = item?.spec?.disabled
     const version = item?.status?.version
     const clusterName = item?.spec?.clusterName
+    // build urls and name in a array of objects
     const externalServicesUrls = buildExternalServicesUrls(
       item?.status?.exposedServices
     )
     const statusConditions = item?.status?.statusConditions?.conditions
+    // get a status object with icon and text for the plugin from imported function
     const readyStatus = statusConditions
       ? getResourceStatusFromKubernetesConditions(statusConditions)
       : null