Fix CV growth chart

src/components/charts/ConvictionGrowth.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import Image from 'next/image';
 import { Line } from 'react-chartjs-2';
 import ChartAxisLabel from './ChartAxisLabel';
+import ChartGrid from '../ChartGrid';
 
 interface ConvictionGrowthProps {
   convictionPercentage: number[];
@@ -85,17 +85,23 @@ function ConvictionGrowthChart({
       <div className="w-20 h-0 text-right relative -top-12 -left-2">
         <ChartAxisLabel label="% of maximum conviction" />
       </div>
-      <div className="flex justify-center py-2">
+      <ChartGrid
+        id="q"
+        chart={<Line data={data} options={options} />}
+        xAxisLabel={<ChartAxisLabel label="days" />}
+        yAxisLabel={<></>}
+      />
+      {/* <div className="flex justify-center py-2">
         <div className="w-full">
-          <Line data={data} options={options} />
           <div className="relative h-3/5 abc-chart">
             <Image layout="fill" src="/chart_bg.png" />
           </div>
+          <Line data={data} options={options} />
         </div>
-      </div>
-      <div className="w-24 h-0 ml-auto text-right relative bottom-2">
+      </div> */}
+      {/* <div className="w-24 h-0 ml-auto text-right relative bottom-2">
         <ChartAxisLabel label="days" />
-      </div>
+      </div> */}
     </>
   );
 }

src/components/modals/ConvictionVoting.tsx

@@ -22,7 +22,7 @@ function ConvictionGrowthDialog({
 }: ConvictionGrowthDialogProps) {
   return (
     <Modal handleClose={handleClose} isOpen={isOpen} title="Conviction Growth">
-      <div className="py-8 m-auto w-11/12">
+      <div className="pt-8 pb-2 m-auto w-11/12">
         <ConvictionGrowthChart
           convictionPercentage={convictionPercentage}
           timeDays={timeDays}

src/pages/config/4.tsx

@@ -61,14 +61,14 @@ function ConvictionVoting() {
       link: 'https://forum.tecommons.org/t/conviction-voting-conviction-growth-aka-half-life/490',
       placeholder: 'days',
       tooltipText: 'The amount of time it takes to increase Conviction by 50%.',
-      // children: (
-      //   <span
-      //     className="font-bj font-bold text-xs text-neon uppercase cursor-pointer"
-      //     onClick={() => setDialogOpen(true)}
-      //   >
-      //     view graph
-      //   </span>
-      // ),
+      children: (
+        <span
+          className="font-bj font-bold text-xs text-neon uppercase cursor-pointer"
+          onClick={() => setDialogOpen(true)}
+        >
+          view graph
+        </span>
+      ),
     },
   ];
 
@@ -121,7 +121,7 @@ function ConvictionVoting() {
                 tooltipText={input.tooltipText}
                 link={input.link}
               >
-                {/* {input.children} */}
+                {input.children}
               </Input>
             ))}
             <div className="font-inter text-xs text-gray-200 pt-4 pb-2">