refactor: added paragon type of usage

openedx · May 22, 2023 · 78a35a4 · 78a35a4
1 parent a3e58df
commit 78a35a4
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/www/src/components/insights/SummaryUsage.tsx b/www/src/components/insights/SummaryUsage.tsx
@@ -73,7 +73,6 @@ function SummaryUsage() {
 
   const averageComponentsUsedPerProject = dependentProjects
     .reduce((accumulator, project) => accumulator + project.count, 0) / dependentProjects.length;
-  console.log('dependentProjects', dependentProjects);
   return (
     <div className="pt-5 mb-5">
       <div className="mb-5">

diff --git a/www/src/context/InsightsContext.jsx b/www/src/context/InsightsContext.jsx
@@ -8,13 +8,14 @@ import getParagonComponentsTypes from '../utils/getParagonComponentsTypes';
 
 const InsightsContext = createContext({});
 
+const componentsData = Object.assign({ paragon: 'Paragon' }, Components);
+
 function InsightsContextProvider({ children }) {
   const [paragonTypes, setParagonTypes] = useState({});
 
   useEffect(() => {
-    setParagonTypes(getParagonComponentsTypes(Components));
+    setParagonTypes(getParagonComponentsTypes(componentsData));
   }, []);
-
   const isParagonIcon = (name) => name in Icons || name.match('Icon');
 
   const contextValue = useMemo(() => ({

diff --git a/www/src/utils/getParagonComponentsTypes.js b/www/src/utils/getParagonComponentsTypes.js
@@ -8,6 +8,9 @@ const getParagonComponentsTypes = (components) => {
     const isContext = !!component.Consumer && !!component.Provider;
     let componentType;
     switch (true) {
+      case componentName.toLowerCase() === 'paragon':
+        componentType = 'Paragon';
+        break;
       case typeof component === 'string' || typeof component === 'number':
         componentType = 'Text';
         break;