fix: 🐛 Add props definition

cemderin · Feb 6, 2020 · 2f60dc9 · 2f60dc9
1 parent 4bb4b60
commit 2f60dc9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/Item.tsx b/src/Item.tsx
@@ -9,7 +9,13 @@ const StyledLi = styled.li`
     text-decoration: ${(props:any) => props.active && !props.hideInactive ? "underline" : "none"};
 `
 
-const Item: React.FC = (props: any) => {
+type ItemProps = {
+    hideInactive?: boolean,
+    active?: boolean,
+    toggleVisiblity?: Function
+}
+
+const Item: React.FC<ItemProps> = (props: any) => {
     if(props.hideInactive && !props.active) return null;
     if(props.hideInactive && props.active) return <StyledLi {...props} onClick={props.toggleVisiblity}/>
     return <StyledLi {...props} />

diff --git a/src/Menu.tsx b/src/Menu.tsx
@@ -8,7 +8,11 @@ const StyledUl = styled.ul`
     padding: inherit;
 `
 
-const Menu: React.FC = (props: any) => {
+type MenuProps = {
+    collapsed?: boolean
+};
+
+const Menu: React.FC<MenuProps> = (props: any) => {
     const [displayCollapesList, setDisplayCollapesList] = useState(false);
 
     const toggleVisibility = () => {