fix: formatting of session slot c

Author: yomybaby

react/src/components/ComputeSessionNodeItems/SessionSlotCell.tsx

@@ -17,7 +17,7 @@ const SessionSlotCell: React.FC<OccupiedSlotViewProps> = ({
   sessionFrgmt,
   mode = 'requested',
 }) => {
-  const { deviceMetadata } = useResourceSlotsDetails();
+  const { mergedResourceSlots } = useResourceSlotsDetails('');
   const session = useFragment(
     graphql`
       fragment SessionSlotCellFragment on ComputeSessionNode {
@@ -38,18 +38,25 @@ const SessionSlotCell: React.FC<OccupiedSlotViewProps> = ({
     return slots.cpu ?? '-';
   } else if (type === 'mem') {
     const mem = slots.mem ?? '-';
-    return mem === '-' ? mem : convertBinarySizeUnit(mem, 'G')?.number + ' GiB';
+    return mem === '-'
+      ? mem
+      : convertBinarySizeUnit(mem, 'G', 3)?.numberFixed + ' GiB';
   } else if (type === 'accelerator') {
     const occupiedAccelerators = _.omit(slots, ['cpu', 'mem']);
-    return _.isEmpty(occupiedAccelerators)
+
+    const filteredAccelerators = _.omitBy(
+      occupiedAccelerators,
+      (value) => _.toNumber(value) <= 0 || _.isNaN(_.toNumber(value)),
+    );
+    return _.every(filteredAccelerators, (value) => value === 0)
       ? '-'
-      : _.map(occupiedAccelerators, (value, key) => {
+      : _.map(filteredAccelerators, (value, key) => {
           return (
             <Fragment key={key}>
               <Typography.Text>{value}</Typography.Text>
               <Divider type="vertical" />
               <Typography.Text>
-                {deviceMetadata?.[key]?.human_readable_name}
+                {mergedResourceSlots?.[key]?.display_unit}
               </Typography.Text>
             </Fragment>
           );

react/src/hooks/backendai.tsx

@@ -86,20 +86,18 @@ export const useResourceSlotsDetails = (resourceGroupName?: string) => {
   }>({
     queryKey: ['useResourceSlots', resourceGroupName, key],
     queryFn: () => {
-      // return baiClient.get_resource_slots();
-      if (
-        !resourceGroupName ||
-        !baiClient.isManagerVersionCompatibleWith('23.09.0')
-      ) {
-        return undefined;
+      if (!baiClient.isManagerVersionCompatibleWith('23.09.0')) {
+        return {};
       } else {
         // `/resource-slots/details` is available since 23.09
         // https://github.com/lablup/backend.ai/issues/1589
         const search = new URLSearchParams();
-        search.set('sgroup', resourceGroupName);
+        resourceGroupName && search.set('sgroup', resourceGroupName);
+        const searchParamString = search.toString();
         return baiRequestWithPromise({
           method: 'GET',
-          url: `/config/resource-slots/details?${search.toString()}`,
+          // if `sgroup` is not provided, it will return all resource slots of all resource groups
+          url: `/config/resource-slots/details${searchParamString ? '?' + search.toString() : ''}`,
         });
       }
     },