From a2419d0f1247821583e48a8bde412672cb9a2baa Mon Sep 17 00:00:00 2001
From: CloudLun <cloud830902@gmail.com>
Date: Thu, 14 Dec 2023 07:17:48 +0800
Subject: [PATCH] change the hover to sync for viz

---
 components/SidePanel/LegislationColumns.tsx |  4 ++--
 components/SidePanel/VotesVisualization.tsx | 21 ++++++++-------------
 2 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/components/SidePanel/LegislationColumns.tsx b/components/SidePanel/LegislationColumns.tsx
index b4fd2ea..f035d28 100644
--- a/components/SidePanel/LegislationColumns.tsx
+++ b/components/SidePanel/LegislationColumns.tsx
@@ -17,7 +17,7 @@ type Props = {
 const LegislationColumns = ({ legislation, name, number, content, expand, calulated, legislationsClickHandler }: Props) => {
 
     return (
-        <div className={`flex flex-col pt-[12px] lg:pt-[10.5px] pb-[0px] text-rtc_navy ${expand ? " h-[calc(100vh-112px-230px)] xl:h-[calc(100vh-112px-200px)] bg-white  overflow-y-hidden" : "h-[40px] bg-background_blue overflow-y-hidden"} border-b-[1px] border-grey_1  `} onClick={legislationsClickHandler}>
+        <div className={`flex flex-col pt-[12px] lg:pt-[10.5px] pb-[0px] w-full text-rtc_navy ${expand ? " h-[calc(100vh-112px-230px)] xl:h-[calc(100vh-112px-200px)] bg-white  overflow-y-hidden" : "h-[40px] bg-background_blue overflow-y-hidden"} border-b-[1px] border-grey_1  `} onClick={legislationsClickHandler}>
             <div className={`flex justify-between items-center mx-[20px] ${expand ? "mb-0" : "mb-5"} cursor-pointer`}>
                 <h2 className="font-semibold  text-[13px] lg:text-title uppercase">{name}</h2>
                 {
@@ -32,7 +32,7 @@ const LegislationColumns = ({ legislation, name, number, content, expand, calula
                         | "Winter Eviction Moratorium"} />
                 }
 
-                <div className='mx-[20px] mb-[40px]'>
+                <div className='mx-[20px] mb-[30px]'>
                     <h2 className='font-semibold text-[13px] lg:text-title'>{name}</h2>
                     <h2 className='mb-[14px] font-semibold text-[13px] lg:text-title'>({number})</h2>
                     <p className='mb-[14px] font-regular text-[12px] lg:text-body'>{content}</p>
diff --git a/components/SidePanel/VotesVisualization.tsx b/components/SidePanel/VotesVisualization.tsx
index 648f549..ff18d43 100644
--- a/components/SidePanel/VotesVisualization.tsx
+++ b/components/SidePanel/VotesVisualization.tsx
@@ -176,12 +176,12 @@ const VotesVisualization = ({ legislation }: Props) => {
             .on("mouseover", () => setLabelShown({
                 senateDemoVotes: true,
                 senateRepVotes: false,
-                assemblyDemoVotes: false,
+                assemblyDemoVotes: true,
                 assemblyRepVotes: false,
                 simpleMajority: false,
                 superMajority: false,
                 senateTotalVotes: false,
-                assemblyTotalVotes: true
+                assemblyTotalVotes: false
             }))
 
         senateSvg
@@ -198,11 +198,11 @@ const VotesVisualization = ({ legislation }: Props) => {
                 senateDemoVotes: false,
                 senateRepVotes: true,
                 assemblyDemoVotes: false,
-                assemblyRepVotes: false,
+                assemblyRepVotes: true,
                 simpleMajority: false,
                 superMajority: false,
                 senateTotalVotes: false,
-                assemblyTotalVotes: true
+                assemblyTotalVotes: false
             }))
 
         assemblySvg
@@ -216,13 +216,13 @@ const VotesVisualization = ({ legislation }: Props) => {
             .attr('height', barChartHeight)
             .attr('fill', "#007CEE")
             .on("mouseover", () => setLabelShown({
-                senateDemoVotes: false,
+                senateDemoVotes: true,
                 senateRepVotes: false,
                 assemblyDemoVotes: true,
                 assemblyRepVotes: false,
                 simpleMajority: false,
                 superMajority: false,
-                senateTotalVotes: true,
+                senateTotalVotes: false,
                 assemblyTotalVotes: false
             }))
 
@@ -238,16 +238,15 @@ const VotesVisualization = ({ legislation }: Props) => {
             .attr('fill', "#D04E40")
             .on("mouseover", () => setLabelShown({
                 senateDemoVotes: false,
-                senateRepVotes: false,
+                senateRepVotes: true,
                 assemblyDemoVotes: false,
                 assemblyRepVotes: true,
                 simpleMajority: false,
                 superMajority: false,
-                senateTotalVotes: true,
+                senateTotalVotes: false,
                 assemblyTotalVotes: false
             }))
 
-
         senateSvg
             .append("line")
             .attr("x1", (width) / 2)
@@ -404,10 +403,6 @@ const VotesVisualization = ({ legislation }: Props) => {
     })
 
 
-
-
-
-
     return (
         <div className='px-[20px] mb-[20px] w-full  text-rtc_navy bg-white rounded-[8px] '>
             <div className='mb-[20px]'>