tooltip

AXRBLK · Nov 11, 2024 · f603105 · f603105
1 parent f050b48
commit f603105
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 19 deletions.
diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -1,15 +1,15 @@
 {
   "files": {
     "main.css": "/mycelialnet-g/static/css/main.f855e6bc.css",
-    "main.js": "/mycelialnet-g/static/js/main.509cfb6f.js",
+    "main.js": "/mycelialnet-g/static/js/main.e4914d60.js",
     "static/js/453.74927aeb.chunk.js": "/mycelialnet-g/static/js/453.74927aeb.chunk.js",
     "index.html": "/mycelialnet-g/index.html",
     "main.f855e6bc.css.map": "/mycelialnet-g/static/css/main.f855e6bc.css.map",
-    "main.509cfb6f.js.map": "/mycelialnet-g/static/js/main.509cfb6f.js.map",
+    "main.e4914d60.js.map": "/mycelialnet-g/static/js/main.e4914d60.js.map",
     "453.74927aeb.chunk.js.map": "/mycelialnet-g/static/js/453.74927aeb.chunk.js.map"
   },
   "entrypoints": [
     "static/css/main.f855e6bc.css",
-    "static/js/main.509cfb6f.js"
+    "static/js/main.e4914d60.js"
   ]
 }
diff --git a/build/index.html b/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/mycelialnet-g/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Community-driven network of the myceliated industry"/><link rel="apple-touch-icon" href="/mycelialnet-g/favicon.ico"/><link rel="manifest" href="/mycelialnet-g/manifest.json"/><title>Myceliated.Net</title><script defer="defer" src="/mycelialnet-g/static/js/main.509cfb6f.js"></script><link href="/mycelialnet-g/static/css/main.f855e6bc.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/mycelialnet-g/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Community-driven network of the myceliated industry"/><link rel="apple-touch-icon" href="/mycelialnet-g/favicon.ico"/><link rel="manifest" href="/mycelialnet-g/manifest.json"/><title>Myceliated.Net</title><script defer="defer" src="/mycelialnet-g/static/js/main.e4914d60.js"></script><link href="/mycelialnet-g/static/css/main.f855e6bc.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/build/static/js/main.509cfb6f.js → build/static/js/main.e4914d60.js b/build/static/js/main.509cfb6f.js → build/static/js/main.e4914d60.js
diff --git a/build/static/js/main.509cfb6f.js.LICENSE.txt → build/static/js/main.e4914d60.js.LICENSE.txt b/build/static/js/main.509cfb6f.js.LICENSE.txt → build/static/js/main.e4914d60.js.LICENSE.txt
diff --git a/build/static/js/main.509cfb6f.js.map → build/static/js/main.e4914d60.js.map b/build/static/js/main.509cfb6f.js.map → build/static/js/main.e4914d60.js.map
diff --git a/src/App.js b/src/App.js
@@ -22,19 +22,22 @@ function App() {
 
   // Configurable highlight styling
   const highlightStyle = {
-    color: 'rgba(207,  255, 102,.7',
+    color: 'rgba(102,  255, 150,.9',
     zIndex:1000,
-    thickness: 12,
+    thickness: 15,
     fontSizeMultiplier: 4,
   };
 
   const infoTooltipText = (
   <div style={{textAlign:'left'}}>  
-    <p>🧠 A globally-fueled network of Fungi related organizations. Use for research, discovery, & job searches.</p>
-    <p>⚠️ Under Construction!</p>
-    <p>Very open to ideas or feedback! Assignment of the industry category is largely determined off of a quick scan of the primary focus of the organization -- but as with most things with mushrooms, there are quite a lot of companies adding innovations to multiple industries.</p>
-    <p><strong>🤏 UX:</strong> If things look wild, drag any node into open space and maybe it will correct itself... maybe!</p>
-    <p><strong>🔍 Search:</strong> View this application on a computer to be able to search specific for categories or companies!</p>
+    <p>🧠 A global hub of fungi-related organizations. Use for research, discovery, & job searches.</p>
+
+    <p><strong style={{fontSize:'1.25em'}}>🌐 {rowCount}</strong> orgs. mapped to-date.</p>
+
+<p><strong style={{fontSize:'1.25em'}}>🔍 Search:</strong> View this application on a desktop to be able to search for specific categories or organization names!</p>
+    <p><strong style={{fontSize:'1.25em'}} >🗃️ Grouping:</strong> Assignment of the industry category is largely determined off of a quick scan of the primary focus of the organization -- but as with most things with mushrooms, there are quite a lot of companies adding innovations to multiple industries. Very open to ideas or feedback!</p>
+    <p><strong style={{fontSize:'1.25em'}} >🤏 UX:</strong> If things look wild, drag any node into open space and maybe it will correct itself... maybe!</p>
+
     <p>
     <strong style={{fontSize:'1em'}}>🌱</strong>
     <strong style={{fontSize:'.3em'}}>🍄</strong>
@@ -72,6 +75,18 @@ function App() {
         let nodeData = [];
         let linkData = [];
 
+
+
+        // Count rows with text in column A and 'FALSE' in column R
+      const validRowsCount = rows.filter((row, index) => 
+        index !== 0 && row[0] && row[17] === 'FALSE'
+      ).length;
+
+      console.log(`Count of rows with text in column A and Column R = FALSE: ${validRowsCount}`);
+
+      // Store the count in the component state
+      setRowCount(validRowsCount);
+
 
         if (viewMode === 'Industry') {
           const parentMap = {};
@@ -165,9 +180,6 @@ function App() {
       }
     };
 
-
-
-
     fetchData(); 
 
   }, [viewMode]);
@@ -336,7 +348,7 @@ function App() {
       >
         <h1 style={{marginBottom:'-10px',marginTop:'-5px',letterSpacing:'-3px',fontSize:'2.5em',}}>MYCELIATED NET<strong style={{fontSize:'.5em',letterSpacing:'-9px'}}>🍄‍🟫🌐🌏</strong></h1>
         <hr style={{border:'1.5px solid #66CFFF',width:'100%'}}/>
-        <div style={{ fontSize:'14px',alignItems: 'center', textAlign: 'center',marginTop:'-8px', marginBottom: '12px', backgroundColor:'#cfff66', color:'black',padding:'2px 2% 5px 2%' }}>
+        <div style={{ fontSize:'14px',alignItems: 'center', textAlign: 'center',marginTop:'-8px', marginBottom: '12px', backgroundColor:'#cfff66', color:'black',padding:'5px 2% 5px 2%' }}>
           Select View ↠
           <label style={{ marginLeft: '15px',marginRight: '15px' }}>
             <input
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/mycelialnet-g/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Community-driven network of the myceliated industry"/><link rel="apple-touch-icon" href="/mycelialnet-g/favicon.ico"/><link rel="manifest" href="/mycelialnet-g/manifest.json"/><title>Myceliated.Net</title><script defer="defer" src="/mycelialnet-g/static/js/main.509cfb6f.js"></script><link href="/mycelialnet-g/static/css/main.f855e6bc.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/mycelialnet-g/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Community-driven network of the myceliated industry"/><link rel="apple-touch-icon" href="/mycelialnet-g/favicon.ico"/><link rel="manifest" href="/mycelialnet-g/manifest.json"/><title>Myceliated.Net</title><script defer="defer" src="/mycelialnet-g/static/js/main.e4914d60.js"></script><link href="/mycelialnet-g/static/css/main.f855e6bc.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>