Delete eslint comments 🗑️

onesine · Mar 7, 2023 · cae0f30 · cae0f30
1 parent 67f93f5
commit cae0f30
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 19 deletions.
diff --git a/src/components/GroupItem.tsx b/src/components/GroupItem.tsx
@@ -21,7 +21,7 @@ const GroupItem: React.FC<GroupItemProps> = ({ item, primaryColor }) => {
                     ) : (
                         <div
                             className={
-                                classNames && classNames.listGroupLabel
+                                classNames?.listGroupLabel
                                     ? classNames.listGroupLabel
                                     : "pr-2 py-2 cursor-default select-none truncate font-bold text-gray-700"
                             }

diff --git a/src/components/Item.tsx b/src/components/Item.tsx
@@ -20,27 +20,21 @@ const Item: React.FC<ItemProps> = ({ item, primaryColor }) => {
 
     const textHoverColor = useMemo(() => {
         if (COLORS.includes(primaryColor)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            return THEME_DATA.textHover[primaryColor];
+            return THEME_DATA.textHover[primaryColor as keyof typeof THEME_DATA.textHover];
         }
         return THEME_DATA.textHover[DEFAULT_THEME];
     }, [primaryColor]);
 
     const bgColor = useMemo(() => {
         if (COLORS.includes(primaryColor)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            return THEME_DATA.bg[primaryColor];
+            return THEME_DATA.bg[primaryColor as keyof typeof THEME_DATA.bg];
         }
         return THEME_DATA.bg[DEFAULT_THEME];
     }, [primaryColor]);
 
     const bgHoverColor = useMemo(() => {
         if (COLORS.includes(primaryColor)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            return THEME_DATA.bgHover[primaryColor];
+            return THEME_DATA.bgHover[primaryColor as keyof typeof THEME_DATA.bgHover];
         }
         return THEME_DATA.bgHover[DEFAULT_THEME];
     }, [primaryColor]);

diff --git a/src/components/Select.tsx b/src/components/Select.tsx
@@ -154,16 +154,12 @@ const Select: React.FC<SelectProps> = ({
     const getSelectClass = useCallback(() => {
         let ringColor = THEME_DATA.ring[DEFAULT_THEME];
         if (COLORS.includes(primaryColor)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            ringColor = THEME_DATA.ring[primaryColor];
+            ringColor = THEME_DATA.ring[primaryColor as keyof typeof THEME_DATA.ring];
         }
 
         let borderFocus = THEME_DATA.borderFocus[DEFAULT_THEME];
         if (COLORS.includes(primaryColor)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            borderFocus = THEME_DATA.borderFocus[primaryColor];
+            borderFocus = THEME_DATA.borderFocus[primaryColor as keyof typeof THEME_DATA.borderFocus];
         }
         const baseClass =
             "flex text-sm text-gray-500 border border-gray-300 rounded shadow-sm transition-all duration-300 focus:outline-none";

diff --git a/src/components/Spinner.tsx b/src/components/Spinner.tsx
@@ -9,9 +9,7 @@ interface Props {
 const Spinner: React.FC<Props> = ({ primaryColor = DEFAULT_THEME }) => {
     const spinnerColor = useMemo(() => {
         if (COLORS.includes(primaryColor)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            return THEME_DATA.text[primaryColor];
+            return THEME_DATA.text[primaryColor as keyof typeof THEME_DATA.text];
         }
         return THEME_DATA.text[DEFAULT_THEME];
     }, [primaryColor]);