feat: usage information in selection view (#942)

* Added the count of Usages to Selection View

* Removed unused imports

* style: apply automatic fixes of linters

Co-authored-by: nvollroth <[email protected]>
Co-authored-by: jofaul <[email protected]>

Author: nvollroth

api-editor/gui/src/features/packageData/selectionView/ParameterView.tsx

@@ -48,6 +48,15 @@ export const ParameterView: React.FC<ParameterViewProps> = function ({ pythonPar
                 </Stack>
             )}
 
+            {parameterUsages && (
+                <Stack spacing={4}>
+                    <Heading as="h4" size="md">
+                        Usages
+                    </Heading>
+                    <UsageSum parameterUsages={parameterUsages} />
+                </Stack>
+            )}
+
             {parameterUsages && (
                 <Stack spacing={4}>
                     <Heading as="h4" size="md">
@@ -141,3 +150,13 @@ const isStringifiedLiteral = function (value: string): boolean {
     }
     return !Number.isNaN(Number.parseFloat(value));
 };
+
+const UsageSum: React.FC<CustomBarChartProps> = function ({ parameterUsages }) {
+    let usage = 0;
+
+    parameterUsages.forEach((value) => {
+        usage += value;
+    });
+
+    return <ChakraText paddingLeft={4}>{usage}</ChakraText>;
+};