From 614d7c3145b563e55be59ba9c88ef0642d1a6b59 Mon Sep 17 00:00:00 2001
From: dannyzou18 <dzou3814@gmail.com>
Date: Wed, 27 Nov 2024 22:35:40 -0500
Subject: [PATCH] mock inventory system

---
 .../CharacterEquippedItems.tsx                    |  9 +++++++--
 .../characterEquippedItems/CharacterView.tsx      | 15 +++++++++++++++
 .../characterEquippedItems/EquippedItems.tsx      | 12 +++++++++---
 .../components/home/CharacterOverview.tsx         |  4 +---
 4 files changed, 32 insertions(+), 8 deletions(-)
 create mode 100644 lifescape-app/components/character/characterEquippedItems/CharacterView.tsx

diff --git a/lifescape-app/components/character/characterEquippedItems/CharacterEquippedItems.tsx b/lifescape-app/components/character/characterEquippedItems/CharacterEquippedItems.tsx
index 14125ba..ea53ae1 100644
--- a/lifescape-app/components/character/characterEquippedItems/CharacterEquippedItems.tsx
+++ b/lifescape-app/components/character/characterEquippedItems/CharacterEquippedItems.tsx
@@ -1,11 +1,16 @@
-import { View, Text } from "react-native";
+import { View, Text, Image } from "react-native";
 import React from "react";
 import EquippedItems from "./EquippedItems";
+import CharacterView from "./CharacterView";
 
 const CharacterEquippedItems = () => {
   return (
-    <View className="ml-auto w-[90%] bg-red-400">
+    <View className="ml-auto flex h-72 w-[90%] flex-row items-center gap-12 ">
       <EquippedItems />
+      <Image
+        className="h-64 w-40 rounded-md"
+        source={require("@/assets/images/cat.jpg")}
+      />
     </View>
   );
 };
diff --git a/lifescape-app/components/character/characterEquippedItems/CharacterView.tsx b/lifescape-app/components/character/characterEquippedItems/CharacterView.tsx
new file mode 100644
index 0000000..a92c9a7
--- /dev/null
+++ b/lifescape-app/components/character/characterEquippedItems/CharacterView.tsx
@@ -0,0 +1,15 @@
+import { View, Text, Image } from "react-native";
+import React from "react";
+
+const CharacterView = () => {
+  return (
+    <View className="">
+      <Image
+        className="h-24 w-24 rounded-md"
+        source={require("@/assets/images/cat.jpg")}
+      />
+    </View>
+  );
+};
+
+export default CharacterView;
diff --git a/lifescape-app/components/character/characterEquippedItems/EquippedItems.tsx b/lifescape-app/components/character/characterEquippedItems/EquippedItems.tsx
index cfb051f..f47fd49 100644
--- a/lifescape-app/components/character/characterEquippedItems/EquippedItems.tsx
+++ b/lifescape-app/components/character/characterEquippedItems/EquippedItems.tsx
@@ -5,9 +5,15 @@ import { Item } from "@/types/db_types";
 
 const EquippedItems = () => {
   return (
-    <View className="flex flex-row gap-2 bg-blue-400">
+    <View className="flex flex-row gap-5 ">
       <View className="flex flex-col gap-2">
-        <EquippedItem type="headgear" item={null} />
+        <View className="h-[50px] w-[50px] rounded-md bg-gray-500">
+          <Image
+            source={require("@/assets/Inventory/test.png")}
+            className="h-full w-full rounded-md"
+            resizeMode="contain"
+          />
+        </View>
         <EquippedItem type="chestgeat" item={null} />
         <EquippedItem type="leggear" item={null} />
         <EquippedItem type="footgear" item={null} />
@@ -29,7 +35,7 @@ interface EquippedItemProps {
 
 const EquippedItem: React.FC<EquippedItemProps> = ({ type, item }) => {
   return (
-    <View className="h-[50px] w-[50px] rounded-md bg-white">
+    <View className="h-[50px] w-[50px] rounded-md bg-gray-500">
       <Image
         source={item ? (item.path ? itemPaths[Number(item.id)] : null) : null}
         className="h-full w-full rounded-md"
diff --git a/lifescape-app/components/home/CharacterOverview.tsx b/lifescape-app/components/home/CharacterOverview.tsx
index f6ccf24..872310e 100644
--- a/lifescape-app/components/home/CharacterOverview.tsx
+++ b/lifescape-app/components/home/CharacterOverview.tsx
@@ -45,9 +45,7 @@ const CharacterOverview = () => {
         </View>
         <Image
           className="z-0 h-full w-full rounded-md"
-          source={{
-            uri: "https://media1.tenor.com/m/sepKXIenuG0AAAAC/cat-meme-cat-meme-face.gif",
-          }}
+          source={require("@/assets/images/cat.jpg")}
         />
         <View
           className={`absolute bottom-[-.5rem] z-10 flex flex-row bg-transparent ${