Finished integrating flexible-space with flexible-pane

almamarie · Jan 10, 2023 · 97a06cc · 97a06cc
1 parent 7af3ffd
commit 97a06cc
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 6 deletions.
diff --git a/components/all-items/SingleItem.tsx b/components/all-items/SingleItem.tsx
@@ -1,9 +1,17 @@
 import styles from "./SingleItem.module.css";
-import { Item } from "../../public/utils/types";
+
 import SingleItemCard from "../ui/cart/SingleItemCard";
+import { useAppDispatch } from "../../store";
+type Item = { name: string };
 const SingleItem: React.FC<{ item: Item }> = (props) => {
+  const dispatch = useAppDispatch();
+
   return (
-    <SingleItemCard>
+    <SingleItemCard
+    // onClickHandler={() => {
+    //   dispatch();
+    // }}
+    >
       <div className={styles.card}>
         <p className={styles.name}>{props.item.name}</p>
         <svg

diff --git a/...nents/details-pane/CurrentItem.module.css → ...etails-pane/CurrentItemDetails.module.css b/...nents/details-pane/CurrentItem.module.css → ...etails-pane/CurrentItemDetails.module.css
diff --git a/components/details-pane/CurrentItemDetails.tsx b/components/details-pane/CurrentItemDetails.tsx
@@ -3,7 +3,7 @@
 import { useAppSelector } from "../../store";
 import { DUMMY_ITEMS } from "../../store/items";
 import Button from "../ui/buttons/Button";
-import styles from "./ItemDetails.module.css";
+import styles from "./CurrentItemDetails.module.css";
 
 const CurrentItemDetails = () => {
   // fetch item id from store

diff --git a/components/layout/DetailsPane.tsx b/components/layout/DetailsPane.tsx
@@ -4,6 +4,7 @@ import CurrentCart from "../details-pane/CurrentCart";
 import ItemDetails from "../details-pane/CurrentItemDetails";
 import styles from "./DetailsPane.module.css";
 import { RootState, useAppSelector } from "../../store";
+import CurrentItemDetails from "../details-pane/CurrentItemDetails";
 
 const DetailsPane = () => {
   const currentShowing = useAppSelector((state: RootState) => {
@@ -15,7 +16,7 @@ const DetailsPane = () => {
   }
 
   if (currentShowing === "show selected item") {
-    return <ItemDetails />;
+    return <CurrentItemDetails />;
   }
 
   if (currentShowing === "show current cart") {

diff --git a/store/details-pane-slice.ts b/store/details-pane-slice.ts
@@ -14,9 +14,9 @@ interface DetailsPaneState {
 }
 
 const initialState: DetailsPaneState = {
-  currentShowing: "add new item",
+  currentShowing: "show selected item",
   cartId: "001",
-  itemId: "001",
+  itemId: "banana",
 };
 
 const detailsPaneSlice = createSlice({