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]>
Safe-DS · Jul 8, 2022 · c079b9a · c079b9a
1 parent 92c93dc
commit c079b9a
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/api-editor/gui/src/features/packageData/selectionView/ParameterView.tsx b/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>;
+};