Skip to content
This repository has been archived by the owner on Nov 29, 2023. It is now read-only.

feat: usage information in selection view #942

Merged
merged 4 commits into from
Jul 8, 2022
+19 −0
Merged

feat: usage information in selection view #942

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
db10726
Added the count of Usages to Selection View
nvollroth Jul 8, 2022
29b1e34
Removed unused imports
nvollroth Jul 8, 2022
204e6a8
style: apply automatic fixes of linters
nvollroth Jul 8, 2022
ac6ef86
Merge branch 'main' into 900-show-usage-information-in-selection-view
jofaul Jul 8, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
19 changes: 19 additions & 0 deletions api-editor/gui/src/features/packageData/selectionView/ParameterView.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -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>;
};