fix: coherency to coherence and redirect to policy section instead of purpose

Author: kemuru

web/src/components/DisputePreview/Policies.tsx

@@ -98,7 +98,7 @@ export const Policies: React.FC<IPolicies> = ({ disputePolicyURI, courtId, attac
           </StyledInternalLink>
         )}
         {isUndefined(courtId) ? null : (
-          <StyledInternalLink to={`/courts/${courtId}/purpose?section=description`}>
+          <StyledInternalLink to={`/courts/${courtId}/policy?section=description`}>
             <StyledPolicyIcon />
             Court Policy
           </StyledInternalLink>

web/src/components/Popup/MiniGuides/JurorLevels.tsx

@@ -5,7 +5,7 @@ import { Card as _Card } from "@kleros/ui-components-library";
 
 import { landscapeStyle } from "styles/landscapeStyle";
 
-import Coherency from "pages/Dashboard/JurorInfo/Coherency";
+import Coherence from "pages/Dashboard/JurorInfo/Coherence";
 import PixelArt from "pages/Dashboard/JurorInfo/PixelArt";
 
 import Template from "./MainStructureTemplate";
@@ -112,7 +112,7 @@ const RightContent: React.FC<{ currentPage: number }> = ({ currentPage }) => {
   return (
     <Card>
       <PixelArt level={userData.level} width="189px" height="189px" />
-      <Coherency
+      <Coherence
         userLevelData={userData}
         totalCoherentVotes={userData.totalCoherentVotes}
         totalResolvedVotes={userData.totalResolvedVotes}

web/src/pages/Dashboard/JurorInfo/Coherency.tsx web/src/pages/Dashboard/JurorInfo/Coherence.tsx

@@ -25,7 +25,7 @@ const tooltipMsg =
   " (after all the appeal instances). If the juror vote is the same as " +
   " the majority of jurors it's considered a Coherent Vote.";
 
-interface ICoherency {
+interface ICoherence {
   userLevelData: {
     level: number;
     title: string;
@@ -35,7 +35,7 @@ interface ICoherency {
   isMiniGuide: boolean;
 }
 
-const Coherency: React.FC<ICoherency> = ({ userLevelData, totalCoherentVotes, totalResolvedVotes, isMiniGuide }) => {
+const Coherence: React.FC<ICoherence> = ({ userLevelData, totalCoherentVotes, totalResolvedVotes, isMiniGuide }) => {
   const votesContent = (
     <label>
       Coherent Votes:
@@ -64,4 +64,4 @@ const Coherency: React.FC<ICoherency> = ({ userLevelData, totalCoherentVotes, to
   );
 };
 
-export default Coherency;
+export default Coherence;

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

@@ -48,7 +48,7 @@ const tooltipMsg =
   "Staking Rewards are the rewards won by staking your PNK on a court during " +
   "the Kleros' Jurors incentive program.";
 
-const Coherency: React.FC = () => {
+const Coherence: React.FC = () => {
   return (
     <Container>
       <WithHelpTooltip place="bottom" {...{ tooltipMsg }}>
@@ -62,4 +62,4 @@ const Coherency: React.FC = () => {
   );
 };
 
-export default Coherency;
+export default Coherence;

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

@@ -12,7 +12,7 @@ import { useUserQuery } from "queries/useUser";
 import { landscapeStyle } from "styles/landscapeStyle";
 import { responsiveSize } from "styles/responsiveSize";
 
-import Coherency from "./Coherency";
+import Coherence from "./Coherence";
 import Header from "./Header";
 import JurorRewards from "./JurorRewards";
 import PixelArt from "./PixelArt";
@@ -59,7 +59,7 @@ const JurorInfo: React.FC = () => {
       />
       <Card>
         <PixelArt level={userLevelData.level} width="189px" height="189px" />
-        <Coherency userLevelData={userLevelData} isMiniGuide={false} {...{ totalCoherentVotes, totalResolvedVotes }} />
+        <Coherence userLevelData={userLevelData} isMiniGuide={false} {...{ totalCoherentVotes, totalResolvedVotes }} />
         <JurorRewards />
       </Card>
     </Container>

web/src/pages/Home/TopJurors/Header/Coherency.tsx web/src/pages/Home/TopJurors/Header/Coherence.tsx

@@ -11,17 +11,16 @@ const Container = styled.div`
   display: flex;
   font-size: 12px !important;
   &::before {
-    content: "Coherency";
+    content: "Coherence";
   }
   color: ${({ theme }) => theme.secondaryText};
   align-items: center;
 
   ${landscapeStyle(
-    () =>
-      css`
-        font-size: 14px !important;
-        justify-content: center;
-      `
+    () => css`
+      font-size: 14px !important;
+      justify-content: center;
+    `
   )}
 `;
 
@@ -32,7 +31,7 @@ const coherentVotesTooltipMsg =
   "voted coherently and the number in the right is the total number of times " +
   "the juror voted";
 
-const Coherency: React.FC = () => {
+const Coherence: React.FC = () => {
   const { width } = useWindowSize();
   return (
     <Container>
@@ -43,4 +42,4 @@ const Coherency: React.FC = () => {
     </Container>
   );
 };
-export default Coherency;
+export default Coherence;

web/src/pages/Home/TopJurors/Header/DesktopHeader.tsx

@@ -9,7 +9,7 @@ import { responsiveSize } from "styles/responsiveSize";
 import HowItWorks from "components/HowItWorks";
 import JurorLevels from "components/Popup/MiniGuides/JurorLevels";
 
-import Coherency from "./Coherency";
+import Coherence from "./Coherence";
 import Rewards from "./Rewards";
 
 const Container = styled.div`
@@ -23,15 +23,14 @@ const Container = styled.div`
   padding: 18.6px 32px;
 
   ${landscapeStyle(
-    () =>
-      css`
-        display: grid;
-        grid-template-columns:
-          min-content repeat(3, ${responsiveSize(160, 180, 900)})
-          auto;
-        column-gap: ${responsiveSize(12, 28, 900)};
-        align-items: center;
-      `
+    () => css`
+      display: grid;
+      grid-template-columns:
+        min-content repeat(3, ${responsiveSize(160, 180, 900)})
+        auto;
+      column-gap: ${responsiveSize(12, 28, 900)};
+      align-items: center;
+    `
   )}
 `;
 
@@ -52,7 +51,7 @@ export const DesktopHeader: React.FC = () => {
       <StyledLabel>#</StyledLabel>
       <StyledLabel>Juror</StyledLabel>
       <Rewards />
-      <Coherency />
+      <Coherence />
       <HowItWorksContainer>
         <HowItWorks
           isMiniGuideOpen={isJurorLevelsMiniGuideOpen}

web/src/pages/Home/TopJurors/JurorCard/Coherency.tsx web/src/pages/Home/TopJurors/JurorCard/Coherence.tsx

@@ -11,12 +11,12 @@ const Container = styled.div`
   justify-content: center;
 `;
 
-interface ICoherency {
+interface ICoherence {
   totalCoherentVotes: number;
   totalResolvedVotes: number;
 }
 
-const Coherency: React.FC<ICoherency> = ({ totalCoherentVotes, totalResolvedVotes }) => {
+const Coherence: React.FC<ICoherence> = ({ totalCoherentVotes, totalResolvedVotes }) => {
   const coherenceRatio = `${totalCoherentVotes}/${totalResolvedVotes}`;
 
   return (
@@ -28,4 +28,4 @@ const Coherency: React.FC<ICoherency> = ({ totalCoherentVotes, totalResolvedVote
 
 const getPercent = (num: number, den: number): string => `${Math.floor((num * 100) / den)}%`;
 
-export default Coherency;
+export default Coherence;

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

@@ -4,7 +4,7 @@ import styled, { css } from "styled-components";
 import { landscapeStyle } from "styles/landscapeStyle";
 import { responsiveSize } from "styles/responsiveSize";
 
-import Coherency from "./Coherency";
+import Coherence from "./Coherence";
 import JurorLevel from "./JurorLevel";
 import JurorTitle from "./JurorTitle";
 import Rank from "./Rank";
@@ -52,7 +52,7 @@ const DesktopCard: React.FC<IDesktopCard> = ({
       <Rank rank={rank} />
       <JurorTitle address={address} />
       <Rewards address={address} />
-      <Coherency {...{ totalCoherentVotes, totalResolvedVotes }} />
+      <Coherence {...{ totalCoherentVotes, totalResolvedVotes }} />
       <JurorLevel {...{ coherenceScore, totalResolvedDisputes }} />
     </Container>
   );

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

@@ -3,10 +3,10 @@ import styled, { css } from "styled-components";
 
 import { landscapeStyle } from "styles/landscapeStyle";
 
-import HeaderCoherency from "../Header/Coherency";
+import HeaderCoherence from "../Header/Coherence";
 import HeaderRewards from "../Header/Rewards";
 
-import Coherency from "./Coherency";
+import Coherence from "./Coherence";
 import JurorLevel from "./JurorLevel";
 import JurorTitle from "./JurorTitle";
 import Rank from "./Rank";
@@ -60,7 +60,7 @@ const BottomSide = styled.div`
   justify-content: space-between;
 `;
 
-const HeaderCoherencyAndCoherency = styled.div`
+const HeaderCoherenceAndCoherence = styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -102,10 +102,10 @@ const MobileCard: React.FC<IMobileCard> = ({
           <HeaderRewards />
           <Rewards address={address} />
         </HeaderRewardsAndRewards>
-        <HeaderCoherencyAndCoherency>
-          <HeaderCoherency />
-          <Coherency {...{ totalCoherentVotes, totalResolvedVotes }} />
-        </HeaderCoherencyAndCoherency>
+        <HeaderCoherenceAndCoherence>
+          <HeaderCoherence />
+          <Coherence {...{ totalCoherentVotes, totalResolvedVotes }} />
+        </HeaderCoherenceAndCoherence>
       </BottomSide>
     </Container>
   );

web/src/utils/userLevelCalculation.ts

@@ -14,12 +14,12 @@ const levelCriteria: ILevelCriteria[] = [
   { level: 4, title: "Aristotle", minDisputes: 10, minScore: 91, maxScore: 100 },
 ];
 
-export const getUserLevelData = (coherencyScore: number, totalResolvedDisputes: number) => {
+export const getUserLevelData = (coherenceScore: number, totalResolvedDisputes: number) => {
   for (const criteria of levelCriteria) {
     if (
       totalResolvedDisputes >= criteria.minDisputes &&
-      coherencyScore >= criteria.minScore &&
-      coherencyScore <= criteria.maxScore
+      coherenceScore >= criteria.minScore &&
+      coherenceScore <= criteria.maxScore
     ) {
       return levelCriteria.find(({ level }) => level === criteria.level);
     }