Remove a few red ink bits and pieces in React

guardian · Jan 21, 2021 · c9427e9 · c9427e9
1 parent 058fb33
commit c9427e9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/ts/components/FilterResults.tsx b/src/ts/components/FilterResults.tsx
@@ -53,14 +53,14 @@ const FilterResults = ({ filterState, applyFilterState, matches }: IProps) => {
 
         return (
           <span
+            key={matchType}
             css={css`
               margin-right: ${space[2]}px;
             `}
           >
             <Checkbox
               value={matchType}
               defaultChecked={true}
-              key={matchType}
               title="Show/hide matches of this colour"
               disabled={cannotAddFilter && !isDisabled}
               onClick={toggleFilterValue}

diff --git a/src/ts/components/icons.tsx b/src/ts/components/icons.tsx
@@ -7,8 +7,8 @@ export const warningIcon = (colour: string) => (
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M4.76426 0L0.599976 6.82286L0.867118 7.2H9.13283L9.39997 6.82286L5.23569 0H4.76426ZM4.73875 4.87111H5.26122L5.50962 2.10455L5.16701 1.81333H4.83296L4.49036 2.10455L4.73875 4.87111ZM4.99999 5.38074C5.28028 5.38074 5.50962 5.61008 5.50962 5.89037C5.50962 6.17067 5.28028 6.4 4.99999 6.4C4.71969 6.4 4.49036 6.17067 4.49036 5.89037C4.49036 5.61008 4.71969 5.38074 4.99999 5.38074Z"
       fill={colour}
     />
@@ -39,8 +39,8 @@ export const tickIcon = (colour: string) => (
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M0.399999 3.90998L0 4.30998L1.99999 7.10997H2.18999L7.90997 1.18999L7.50997 0.799988L2.18999 5.61997L0.399999 3.90998Z"
       fill={colour}
     />