From 78a35a43266e4a777bce04a864af281d8e1bcca5 Mon Sep 17 00:00:00 2001
From: PKulkoRaccoonGang <peter.kulko@raccoongang.com>
Date: Mon, 22 May 2023 09:56:16 +0300
Subject: [PATCH] refactor: added paragon type of usage

---
 www/src/components/insights/SummaryUsage.tsx | 1 -
 www/src/context/InsightsContext.jsx          | 5 +++--
 www/src/utils/getParagonComponentsTypes.js   | 3 +++
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/www/src/components/insights/SummaryUsage.tsx b/www/src/components/insights/SummaryUsage.tsx
index 076536bdefe..3d9127280bb 100644
--- 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
index c4588f8a397..299a20a9cef 100644
--- 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
index ef837d773ec..b3e1e190f09 100644
--- 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;