From b01dd7b7e2fc83d0545d79bd3d76e898dec0baa7 Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Tue, 15 Sep 2020 01:35:08 -0400
Subject: [PATCH] selectors: rename iconStyleAtom -> iconWeightAtom

---
 src/components/IconGrid/IconGrid.tsx     | 8 ++++----
 src/components/IconGrid/InfoPanel.tsx    | 4 ++--
 src/components/StyleInput/StyleInput.tsx | 4 ++--
 src/state/atoms.ts                       | 4 ++--
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/IconGrid/IconGrid.tsx b/src/components/IconGrid/IconGrid.tsx
index f167662..bdbc501 100644
--- a/src/components/IconGrid/IconGrid.tsx
+++ b/src/components/IconGrid/IconGrid.tsx
@@ -4,19 +4,19 @@ import { motion, useAnimation } from "framer-motion";
 import { useWindowSize } from "react-use";
 import { IconContext } from "phosphor-react";
 
-import { iconStyleAtom, iconSizeAtom, iconColorAtom } from "../../state/atoms";
+import { iconWeightAtom, iconSizeAtom, iconColorAtom } from "../../state/atoms";
 import {
   filteredQueryResultsSelector,
   isDarkThemeSelector,
 } from "../../state/selectors";
-import GridItem from "./IconGridItem";
+import IconGridItem from "./IconGridItem";
 import Warn from "../Warn/Warn";
 import "./IconGrid.css";
 
 type IconGridProps = {};
 
 const IconGrid: React.FC<IconGridProps> = () => {
-  const weight = useRecoilValue(iconStyleAtom);
+  const weight = useRecoilValue(iconWeightAtom);
   const size = useRecoilValue(iconSizeAtom);
   const color = useRecoilValue(iconColorAtom);
   const isDark = useRecoilValue(isDarkThemeSelector);
@@ -48,7 +48,7 @@ const IconGrid: React.FC<IconGridProps> = () => {
           variants={{}}
         >
           {filteredQueryResults.map((iconEntry, index) => (
-            <GridItem
+            <IconGridItem
               key={index}
               index={index}
               spans={spans}
diff --git a/src/components/IconGrid/InfoPanel.tsx b/src/components/IconGrid/InfoPanel.tsx
index 8380e41..9f7dc39 100644
--- a/src/components/IconGrid/InfoPanel.tsx
+++ b/src/components/IconGrid/InfoPanel.tsx
@@ -5,7 +5,7 @@ import { saveAs } from "file-saver";
 import { Icon, Copy, X, CheckCircle, ArchiveDiskDot } from "phosphor-react";
 
 import {
-  iconStyleAtom,
+  iconWeightAtom,
   iconSizeAtom,
   iconColorAtom,
   iconPreviewOpenAtom,
@@ -37,7 +37,7 @@ interface InfoPanelProps {
 
 const InfoPanel: React.FC<InfoPanelProps> = (props) => {
   const { index, spans, isDark, name, Icon } = props;
-  const weight = useRecoilValue(iconStyleAtom);
+  const weight = useRecoilValue(iconWeightAtom);
   const size = useRecoilValue(iconSizeAtom);
   const color = useRecoilValue(iconColorAtom);
   const setOpen = useSetRecoilState(iconPreviewOpenAtom);
diff --git a/src/components/StyleInput/StyleInput.tsx b/src/components/StyleInput/StyleInput.tsx
index 3fb9321..c376d57 100644
--- a/src/components/StyleInput/StyleInput.tsx
+++ b/src/components/StyleInput/StyleInput.tsx
@@ -3,7 +3,7 @@ import { useSetRecoilState } from "recoil";
 import Select from "react-dropdown-select";
 import { PencilLine } from "phosphor-react";
 
-import { iconStyleAtom } from "../../state/atoms";
+import { iconWeightAtom } from "../../state/atoms";
 import { IconStyle } from "../../lib";
 import "./StyleInput.css";
 
@@ -45,7 +45,7 @@ const options: WeightOption[] = [
 type StyleInputProps = {};
 
 const StyleInput: React.FC<StyleInputProps> = () => {
-  const setStyle = useSetRecoilState(iconStyleAtom);
+  const setStyle = useSetRecoilState(iconWeightAtom);
 
   const handleStyleChange = (values: WeightOption[]) =>
     setStyle(values[0].value as IconStyle);
diff --git a/src/state/atoms.ts b/src/state/atoms.ts
index 00c83ff..b6cea2b 100644
--- a/src/state/atoms.ts
+++ b/src/state/atoms.ts
@@ -6,8 +6,8 @@ export const searchQueryAtom = atom<string>({
   default: "",
 });
 
-export const iconStyleAtom = atom<IconStyle>({
-  key: "styleQueryAtom",
+export const iconWeightAtom = atom<IconStyle>({
+  key: "iconWeightAtom",
   default: IconStyle.REGULAR,
 });