KG -> kg

HACC-2023 · Nov 17, 2023 · 32f3e82 · 32f3e82
1 parent 41a7f42
commit 32f3e82
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/my-app/src/components/events/Disposal.jsx b/my-app/src/components/events/Disposal.jsx
@@ -33,7 +33,7 @@ const Disposal = ({ event, userOrgId, checked, setCurrentChecked }) => {
               <thead>
                 <tr>
                   <th>Material</th>
-                  <th>Mass</th>
+                  <th>Mass (kg)</th>
                   <th>Polymers</th>
                   <th>Disposal Mechanism</th>
                   <th>Disposal Date</th>

diff --git a/my-app/src/components/events/Sorting.jsx b/my-app/src/components/events/Sorting.jsx
@@ -22,7 +22,7 @@ const Sorting = ({ event, userOrgId, checked, setCurrentChecked }) => {
       {STATUS.indexOf(event.status) > 1 ? (
         <>
           {userOrgId === event.removalOrgId && (
-            <section className="flex justify-between md:mt-10">
+            <section className="flex justify-between">
               <button
                 className="btn btn-secondary"
                 onClick={() =>

diff --git a/my-app/src/components/events/sorting/AddComponentModal.jsx b/my-app/src/components/events/sorting/AddComponentModal.jsx
@@ -83,7 +83,7 @@ const AddComponentModal = ({ id, event }) => {
             <input
               {...register("mass", { required: true})}
               type="number"
-              placeholder="Enter mass in Kg"
+              placeholder="Enter mass in kg"
               className="input input-bordered w-full"
             />
           </div>

diff --git a/my-app/src/components/visualizations/SankeyChart.jsx b/my-app/src/components/visualizations/SankeyChart.jsx
@@ -27,7 +27,7 @@ const SankeyDiagram = ({ data }) => (
           <div className="whitespace-pre flex items-center">
             <strong>{node.node.id}</strong>
             <span className="block w-3 h-3 mx-2" style={{ background: node.node.color }}></span>
-            <strong>{node.node.formattedValue} KG</strong>
+            <strong>{node.node.formattedValue} kg</strong>
           </div>
         </div>
       </div>;
@@ -49,7 +49,7 @@ const SankeyDiagram = ({ data }) => (
               &nbsp;&gt;&nbsp;
               <strong>{node.link.target.id}</strong>
               <span className="block w-3 h-3 mx-2" style={{ background: node.link.target.color }}></span>
-              <strong>{node.link.formattedValue} KG</strong>
+              <strong>{node.link.formattedValue} kg</strong>
             </span>
           </div>
         </div>

diff --git a/my-app/src/pages/home/index.jsx b/my-app/src/pages/home/index.jsx
@@ -37,7 +37,7 @@ const Home = () => {
         labels: ["Jun", "Jul", "Aug", "Sep", "Oct", "Nov"],
         datasets: [
           {
-            label: "KG removed",
+            label: "kg Removed",
             data: [0,0,0,0,0,0],
             fill: true,
             backgroundColor: "rgba(75,192,192,0.2)",
@@ -140,10 +140,10 @@ const Home = () => {
               Organization Statistics
             </h2>
           </header>
-          <div className="flex flex-col p-3 rounded-xl">
-            <div className="text-4xl font-bold mt-2">{orgKgRemoved ? orgKgRemoved : '0'} KG</div>
-            <div>Debris removed from environment</div>
-            {chartData ? <OrgChart data={chartData} className="mt-3" /> : <div className="mt-5"><Loading /></div>}
+          <div className="flex flex-col p-2 rounded-xl">
+            <div className="text-4xl font-bold">{orgKgRemoved ? orgKgRemoved : '0'} kg</div>
+            <div className="mb-2">Total debris removed from environment</div>
+            {chartData ? <OrgChart data={chartData} /> : <div className="mt-5"><Loading /></div>}
             <div className="flex mt-4 justify-center w-full">
               <div className="w-full">
                 <div className="text-xl font-bold">{orgLastRemovalDate ? prettyHstDate(orgLastRemovalDate) : '...'}</div>