chore: Improve code clarity

Author: leSamo

src/Components/SmartComponents/Modals/OsExposureReportModal/OsExposureReportModal.js

@@ -107,33 +107,17 @@ const OsExposureReportModal = ({
 
     const CVE_REPORT_FILTERS = getCveReportFilters(false, true);
 
+    console.log('>>>', selectedOsVersions);
+
     const selectedTotal = useMemo(() => {
-    /**
-     * Counts the total number of OS item objects in the provided data structure.
-     *
-     * @param {Array<Object>} selectedOsVersions - An array of dictionaries, where each dictionary
-     * contains a key (e.g., "RHEL 8") and a value
-     * that is an array of OS item objects.
-     * @returns {number} An integer representing the total count of OS item objects.
-     */
-
-        // Initialize total_count to 0. This variable will store the cumulative count.
         let totalCount = 0;
 
-        // Iterate through each category object in the main dataStructure array.
-        // For example, the first category object is { "RHEL 8": [...] }
         for (const categoryObject of selectedOsVersions) {
-        // For each categoryObject, iterate through its keys.
-        // For example, the key would be "RHEL 8" or "RHEL 7".
             for (const key in categoryObject) {
-            // Ensure that the key belongs to the object itself and not its prototype.
                 if (Object.prototype.hasOwnProperty.call(categoryObject, key)) {
-                // Get the array of OS items associated with the current key.
                     const osItemsArray = categoryObject[key];
 
-                    // Check if osItemsArray is actually an array before trying to get its length.
                     if (Array.isArray(osItemsArray)) {
-                    // Add the number of items in the current osItemsArray to the totalCount.
                         totalCount += osItemsArray.length;
                     } else {
                         console.warn(`Expected an array for key "${key}", but found:`, osItemsArray);
@@ -142,7 +126,6 @@ const OsExposureReportModal = ({
             }
         }
 
-        // Return the final total count.
         return totalCount;
     }, [selectedOsVersions]);
 
@@ -308,47 +291,39 @@ const OsExposureReportModal = ({
                     <Flex>
                         {selectedOsVersions.length === 0
                             ? <Text style={{ color: '#6a6e73' }}>
-                                    Select at least 1 minor version of RHEL to further select the desired life cycle.
+                                Select at least 1 minor version of RHEL to further select the desired life cycle.
                             </Text>
-                            : exposureMap.map(
-                                (majorVersionEntry, majorIndex) => {
-                                    return (
-                                        Object.entries(majorVersionEntry).map(
-                                            ([majorVersion, minorValues]) => {
-                                                return (
-                                                    minorValues.map(({
-                                                        isSelected,
-                                                        os,
-                                                        osMinorVersion,
-                                                        lifecycles,
-                                                        selectedLifecycle
-                                                    }, minorIndex) => {
-                                                        if (isSelected) {
-                                                            return (
-                                                                <FlexItem key={`lifecycle-select-${os}`}>
-                                                                    <LifecycleSelect
-                                                                        isFetchLoading={isFetchLoading}
-                                                                        lifecycles={lifecycles}
-                                                                        osVersion={os}
-                                                                        selectedLifecycle={selectedLifecycle}
-                                                                        setSelectedLifecycle={(value) => setSelectedLifecycle(
-                                                                            majorVersion,
-                                                                            majorIndex,
-                                                                            osMinorVersion,
-                                                                            minorIndex,
-                                                                            value
-                                                                        )}
-                                                                    />
-                                                                </FlexItem>
-                                                            );
-                                                        }
-                                                    })
-                                                );
-                                            }
-                                        )
-                                    );
-                                }
-                            )
+                            : exposureMap.map((majorVersionEntry, majorIndex) => {
+                                Object.entries(majorVersionEntry).map(([majorVersion, minorValues]) =>
+                                    minorValues.map(({
+                                        isSelected,
+                                        os,
+                                        osMinorVersion,
+                                        lifecycles,
+                                        selectedLifecycle
+                                    }, minorIndex) => {
+                                        if (isSelected) {
+                                            return (
+                                                <FlexItem key={`lifecycle-select-${os}`}>
+                                                    <LifecycleSelect
+                                                        isFetchLoading={isFetchLoading}
+                                                        lifecycles={lifecycles}
+                                                        osVersion={os}
+                                                        selectedLifecycle={selectedLifecycle}
+                                                        setSelectedLifecycle={(value) => setSelectedLifecycle(
+                                                            majorVersion,
+                                                            majorIndex,
+                                                            osMinorVersion,
+                                                            minorIndex,
+                                                            value
+                                                        )}
+                                                    />
+                                                </FlexItem>
+                                            );
+                                        }
+                                    })
+                                );
+                            })
                         }
                     </Flex>
                 </FormGroup>