fix: juror levels calculations according to the figma

Author: kemuru

web/src/pages/Dashboard/JurorInfo/index.tsx

@@ -46,8 +46,9 @@ const JurorInfo: React.FC = () => {
   const coherenceScore = data?.user ? parseInt(data?.user?.coherenceScore) : 0;
   const totalCoherentVotes = data?.user ? parseInt(data?.user?.totalCoherentVotes) : 0;
   const totalResolvedVotes = data?.user ? parseInt(data?.user?.totalResolvedVotes) : 0;
+  const totalResolvedDisputes = data?.user ? parseInt(data?.user?.totalResolvedDisputes) : 0;
 
-  const userLevelData = getUserLevelData(coherenceScore);
+  const userLevelData = getUserLevelData(coherenceScore, totalResolvedDisputes);
 
   return (
     <Container>

web/src/pages/Home/TopJurors/JurorCard/DesktopCard.tsx

@@ -35,6 +35,7 @@ interface IDesktopCard {
   address: string;
   totalCoherentVotes: number;
   totalResolvedVotes: number;
+  totalResolvedDisputes: number;
   coherenceScore: number;
 }
 
@@ -43,6 +44,7 @@ const DesktopCard: React.FC<IDesktopCard> = ({
   address,
   totalCoherentVotes,
   totalResolvedVotes,
+  totalResolvedDisputes,
   coherenceScore,
 }) => {
   return (
@@ -51,7 +53,7 @@ const DesktopCard: React.FC<IDesktopCard> = ({
       <JurorTitle address={address} />
       <Rewards address={address} />
       <Coherency {...{ totalCoherentVotes, totalResolvedVotes }} />
-      <JurorLevel coherenceScore={coherenceScore} />
+      <JurorLevel {...{ coherenceScore, totalResolvedDisputes }} />
     </Container>
   );
 };

web/src/pages/Home/TopJurors/JurorCard/JurorLevel.tsx

@@ -40,10 +40,11 @@ const StyledLabel = styled.label`
 
 interface IJurorLevel {
   coherenceScore: number;
+  totalResolvedDisputes: number;
 }
 
-const JurorLevel: React.FC<IJurorLevel> = ({ coherenceScore }) => {
-  const userLevelData = getUserLevelData(coherenceScore);
+const JurorLevel: React.FC<IJurorLevel> = ({ coherenceScore, totalResolvedDisputes }) => {
+  const userLevelData = getUserLevelData(coherenceScore, totalResolvedDisputes);
   const level = userLevelData.level;
 
   return (

web/src/pages/Home/TopJurors/JurorCard/MobileCard.tsx

@@ -77,6 +77,7 @@ interface IMobileCard {
   coherenceScore: number;
   totalCoherentVotes: number;
   totalResolvedVotes: number;
+  totalResolvedDisputes: number;
 }
 
 const MobileCard: React.FC<IMobileCard> = ({
@@ -85,6 +86,7 @@ const MobileCard: React.FC<IMobileCard> = ({
   coherenceScore,
   totalCoherentVotes,
   totalResolvedVotes,
+  totalResolvedDisputes,
 }) => {
   return (
     <Container>
@@ -93,7 +95,7 @@ const MobileCard: React.FC<IMobileCard> = ({
           <Rank rank={rank} />
           <JurorTitle address={address} />
         </RankAndTitle>
-        <JurorLevel coherenceScore={coherenceScore} />
+        <JurorLevel {...{ coherenceScore, totalResolvedDisputes }} />
       </TopSide>
       <BottomSide>
         <HeaderRewardsAndRewards>

web/src/pages/Home/TopJurors/JurorCard/index.tsx

@@ -9,10 +9,18 @@ interface IJurorCard {
   coherenceScore: number;
   totalCoherentVotes: number;
   totalResolvedVotes: number;
+  totalResolvedDisputes: number;
 }
 
-const JurorCard: React.FC<IJurorCard> = ({ rank, address, coherenceScore, totalCoherentVotes, totalResolvedVotes }) => {
-  const allProps = { rank, address, coherenceScore, totalCoherentVotes, totalResolvedVotes };
+const JurorCard: React.FC<IJurorCard> = ({
+  rank,
+  address,
+  coherenceScore,
+  totalCoherentVotes,
+  totalResolvedVotes,
+  totalResolvedDisputes,
+}) => {
+  const allProps = { rank, address, coherenceScore, totalCoherentVotes, totalResolvedVotes, totalResolvedDisputes };
 
   return (
     <>

web/src/utils/userLevelCalculation.ts

@@ -1,15 +1,31 @@
 export const levelTitles = [
-  { scoreRange: [0, 20], level: 0, title: "Diogenes" },
-  { scoreRange: [20, 40], level: 1, title: "Pythagoras" },
-  { scoreRange: [40, 60], level: 2, title: "Socrates" },
-  { scoreRange: [60, 80], level: 3, title: "Plato" },
-  { scoreRange: [80, 100], level: 4, title: "Aristotle" },
+  { level: 0, title: "Diogenes" },
+  { level: 1, title: "Pythagoras" },
+  { level: 2, title: "Socrates" },
+  { level: 3, title: "Plato" },
+  { level: 4, title: "Aristotle" },
 ];
 
-export const getUserLevelData = (coherencyScore: number) => {
-  return (
-    levelTitles.find(({ scoreRange }) => {
-      return coherencyScore >= scoreRange[0] && coherencyScore < scoreRange[1];
-    }) ?? levelTitles[0]
-  );
+export const getUserLevelData = (coherencyScore: number, totalResolvedDisputes: number) => {
+  if (totalResolvedDisputes >= 3 && coherencyScore < 50) {
+    return levelTitles.find(({ level }) => level === 0);
+  }
+
+  if (totalResolvedDisputes === 0 || (totalResolvedDisputes >= 1 && coherencyScore >= 0 && coherencyScore <= 70)) {
+    return levelTitles.find(({ level }) => level === 1);
+  }
+
+  if (totalResolvedDisputes >= 3 && coherencyScore > 70 && coherencyScore <= 80) {
+    return levelTitles.find(({ level }) => level === 2);
+  }
+
+  if (totalResolvedDisputes >= 7 && coherencyScore > 80 && coherencyScore <= 90) {
+    return levelTitles.find(({ level }) => level === 3);
+  }
+
+  if (totalResolvedDisputes >= 10 && coherencyScore > 90) {
+    return levelTitles.find(({ level }) => level === 4);
+  }
+
+  return levelTitles.find(({ level }) => level === 1);
 };