chore(web): use-is-empty-function

Author: tractorss

web/src/layout/Header/navbar/Menu/Settings/Notifications/FormContactDetails/FormContact.tsx

@@ -2,6 +2,7 @@ import React, { Dispatch, SetStateAction, useMemo, useEffect } from "react";
 import styled from "styled-components";
 
 import { Field } from "@kleros/ui-components-library";
+import { isEmpty } from "src/utils";
 
 const StyledLabel = styled.label`
   display: flex;
@@ -47,7 +48,7 @@ const FormContact: React.FC<IForm> = ({
   };
 
   const fieldVariant = useMemo(() => {
-    if (contactInput === "" || !isEditing) {
+    if (isEmpty(contactInput) || !isEditing) {
       return undefined;
     }
     return contactIsValid ? "success" : "error";

web/src/pages/Settings/EmailConfirmation/index.tsx

@@ -110,7 +110,7 @@ const messageConfigs = {
   confirmed: {
     headerMsg: "Congratulations! \nYour email has been verified!",
     subtitleMsg:
-      "We'll remind you when your actions are required on Court, and send you notifications on key moments to help you achieve the best of Kleros.",
+      "We'll remind you when your actions are required on Curate, and send you notifications on key moments to help you achieve the best of Kleros.",
     buttonMsg: "Let's start!",
     buttonTo: "/",
     Icon: CheckIcon,

web/src/pages/SubmitItem/NavigationButtons/PreviousButton.tsx

@@ -2,9 +2,10 @@ import React from "react";
 import styled from "styled-components";
 import { Button } from "@kleros/ui-components-library";
 import { useNavigate } from "react-router-dom";
+import { isEmpty } from "src/utils";
 
 const StyledButton = styled(Button)<{ prevRoute: string }>`
-  display: ${({ prevRoute }) => (prevRoute === "" ? "none" : "flex")};
+  display: ${({ prevRoute }) => (isEmpty(prevRoute) ? "none" : "flex")};
 `;
 
 interface IReturnButton {

web/src/pages/SubmitList/AdvancedParameters/ArbitrationParameters.tsx

@@ -4,7 +4,7 @@ import styled, { css } from "styled-components";
 import LabeledInput from "components/LabeledInput";
 import { landscapeStyle } from "styles/landscapeStyle";
 import { rootCourtToItems, useCourtTree } from "hooks/queries/useCourtTree";
-import { isUndefined } from "utils/index";
+import { isEmpty, isUndefined } from "utils/index";
 import Skeleton from "react-loading-skeleton";
 import ETH from "svgs/icons/eth-round.svg";
 import LightButton from "components/LightButton";
@@ -74,7 +74,10 @@ const AbritrationParameters: React.FC = () => {
   const { data } = useCourtTree();
   const items = useMemo(() => !isUndefined(data) && [rootCourtToItems(data.court)], [data]);
 
-  const isGovernorValid = useMemo(() => listData.governor === "" || isAddress(listData.governor), [listData.governor]);
+  const isGovernorValid = useMemo(
+    () => isEmpty(listData.governor) || isAddress(listData.governor),
+    [listData.governor]
+  );
 
   const { arbitrationCost } = useArbitrationCost(
     prepareArbitratorExtradata(listData.courtId ?? "1", listData.numberOfJurors)

web/src/pages/SubmitList/NavigationButtons/PreviousButton.tsx

@@ -3,9 +3,10 @@ import styled from "styled-components";
 import { Button } from "@kleros/ui-components-library";
 import { useLocation, useNavigate } from "react-router-dom";
 import { ListProgress, useSubmitListContext } from "context/SubmitListContext";
+import { isEmpty } from "src/utils";
 
 const StyledButton = styled(Button)<{ prevRoute: string }>`
-  display: ${({ prevRoute }) => (prevRoute === "" ? "none" : "flex")};
+  display: ${({ prevRoute }) => (isEmpty(prevRoute) ? "none" : "flex")};
 `;
 
 interface IReturnButton {

web/src/utils/submitListUtils.ts

@@ -1,7 +1,7 @@
 import { IList, IListData, IListMetadata, ListField } from "context/SubmitListContext";
 import { prepareArbitratorExtradata } from "./prepareArbitratorExtradata";
 import { Address, Log, decodeEventLog, isAddress, parseAbi, parseEther, zeroAddress } from "viem";
-import { isUndefined } from ".";
+import { isEmpty, isUndefined } from ".";
 import { TEMPLATE_REGISTRY } from "consts/arbitration";
 import { ItemDetailsFragment, Status } from "src/graphql/graphql";
 import { arbitrum } from "viem/chains";
@@ -10,7 +10,7 @@ import { registrationTemplate, removalTemplate, dataMappings } from "@kleros/cur
 export const constructListParams = (listData: IListData, listMetadata: IListMetadata) => {
   const baseTemplate = { ...listData } as IList;
 
-  if (!isUndefined(listMetadata.policyURI) && listMetadata.policyURI === "") delete listMetadata.policyURI;
+  if (!isUndefined(listMetadata.policyURI) && isEmpty(listMetadata.policyURI)) delete listMetadata.policyURI;
   baseTemplate.listMetadata = JSON.stringify(listMetadata);
   baseTemplate.baseDeposits = [
     parseEther(listData.submissionBaseDeposit),