andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

DetailsPanel: rename InfoPanel -> DetailsPanel

Browse Source
This commit is contained in:
rektdeckard
2020-10-05 02:14:03 -04:00
parent c3948f4f78
commit 4a857eb6fa
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/IconGrid/InfoPanel.tsx → src/components/IconGrid/DetailsPanel.tsx
View File

@@ -47,7 +47,7 @@ interface InfoPanelProps {
Icon: Icon; Icon: Icon;
} }
const InfoPanel: React.FC<InfoPanelProps> = (props) => { const DetailsPanel: React.FC<InfoPanelProps> = (props) => {
const { index, spans, isDark, name, Icon } = props; const { index, spans, isDark, name, Icon } = props;
const weight = useRecoilValue(iconWeightAtom); const weight = useRecoilValue(iconWeightAtom);
const size = useRecoilValue(iconSizeAtom); const size = useRecoilValue(iconSizeAtom);
@@ -239,4 +239,4 @@ const InfoPanel: React.FC<InfoPanelProps> = (props) => {
); );
}; };
export default InfoPanel; export default DetailsPanel;

4
src/components/IconGrid/IconGridItem.tsx
View File

@@ -9,7 +9,7 @@ import { motion, AnimatePresence } from "framer-motion";
import { IconProps, Icon } from "phosphor-react"; import { IconProps, Icon } from "phosphor-react";
import { iconPreviewOpenAtom } from "../../state/atoms"; import { iconPreviewOpenAtom } from "../../state/atoms";
import InfoPanel from "./InfoPanel"; import DetailsPanel from "./DetailsPanel";
interface IconGridItemProps extends IconProps { interface IconGridItemProps extends IconProps {
index: number; index: number;
@@ -87,7 +87,7 @@ const IconGridItem: React.FC<IconGridItemProps> = (props) => {
<p>{name}</p> <p>{name}</p>
</motion.div> </motion.div>
<AnimatePresence initial={false}> <AnimatePresence initial={false}>
{isOpen && <InfoPanel {...props} />} {isOpen && <DetailsPanel {...props} />}
</AnimatePresence> </AnimatePresence>
</> </>
); );