fixed logos

microsofthackathons · Sep 15, 2023 · 4250948 · 4250948
1 parent 093682d
commit 4250948
Show file tree

Hide file tree

Showing 6 changed files with 80 additions and 14 deletions.
diff --git a/frontend/src/assets/Logo.png b/frontend/src/assets/Logo.png
diff --git a/frontend/src/assets/Remy.svg b/frontend/src/assets/Remy.svg
diff --git a/frontend/src/pages/chat/Chat.module.css b/frontend/src/pages/chat/Chat.module.css
@@ -65,18 +65,26 @@
     .chatEmptyStateSubtitle {
       font-size: 14px;
     }
+    .chatIcon {
+        height: 200px;
+        width: 200px;
+    }
   }
 
   @media (max-width: 480px) {
     /* Even smaller font size for screens with a maximum width of 480 pixels */
     .chatEmptyStateSubtitle {
       font-size: 12px;
     }
+    .chatIcon {
+        height: 100px;
+        width: 100px;
+    }
   }
 
 .chatIcon {
-    height: 62px;
-    width: 62px;
+    height: 300px;
+    width: 300px;
 }
 
 .chatMessageStream {

diff --git a/frontend/src/pages/chat/Chat.tsx b/frontend/src/pages/chat/Chat.tsx
@@ -9,7 +9,7 @@ import uuid from 'react-uuid';
 
 import styles from "./Chat.module.css";
 import Remy from "../../assets/Remy.svg";
-
+import RemyLogo from "../../assets/Logo.png";
 import {
     ChatMessage,
     ConversationRequest,
@@ -540,7 +540,7 @@ const Chat = () => {
                         {!messages || messages.length < 1 ? (
                             <Stack className={styles.chatEmptyState}>
                                 <img
-                                    src={Remy}
+                                    src={RemyLogo}
                                     className={styles.chatIcon}
                                     aria-hidden="true"
                                 />
@@ -685,7 +685,50 @@ const Chat = () => {
                 )}
                 {(appStateContext?.state.isChatHistoryOpen && appStateContext?.state.isCosmosDBAvailable?.status !== CosmosDBStatus.NotConfigured) && <ChatHistoryPanel/>}
                 </Stack>
-            )}
+            )
+            }
+            <Stack horizontal className={styles.bottomNav}>
+                <Stack.Item className={styles.bottomNavButtonContainer}>
+                    <IconButton
+                        iconProps={{ iconName: 'Home' }}
+                        className={styles.bottomNavButton}
+                        aria-label="Home"
+                        onClick={() => window.location.href = "/"} 
+                    />  
+                </Stack.Item>
+                <Stack.Item className={styles.bottomNavButtonContainer}>
+                    <IconButton
+                        iconProps={{ iconName: 'Food' }}
+                        className={styles.bottomNavButton}
+                        aria-label="Recipes"
+                        onClick={() => window.location.href = "/recipes"}
+                    />
+                </Stack.Item>
+                <Stack.Item className={styles.bottomNavButtonContainer}>
+                    <IconButton
+                        iconProps={{ iconName: 'Calendar' }}
+                        className={styles.bottomNavButton}
+                        aria-label="Meal Plan"
+                        onClick={() => window.location.href = "/mealplan"}
+                    />
+                </Stack.Item>
+                <Stack.Item className={styles.bottomNavButtonContainer}>
+                    <IconButton
+                        iconProps={{ iconName: 'ClipboardList' }}
+                        className={styles.bottomNavButton}
+                        aria-label="Inventory"
+                        onClick={() => window.location.href = "/inventory"}
+                    />
+                </Stack.Item>
+                <Stack.Item className={styles.bottomNavButtonContainer}>
+                    <IconButton
+                        iconProps={{ iconName: 'Settings' }}
+                        className={styles.bottomNavButton}
+                        aria-label="Settings"
+                        onClick={() => window.location.href = "/settings"}
+                    />
+                </Stack.Item>
+            </Stack> 
         </div>
     );
 };

diff --git a/frontend/src/pages/layout/Layout.tsx b/frontend/src/pages/layout/Layout.tsx
@@ -86,7 +86,6 @@ const Layout = () => {
                             {(appStateContext?.state.isCosmosDBAvailable?.status !== CosmosDBStatus.NotConfigured) && 
                                 <HistoryButton onClick={handleHistoryClick} text={appStateContext?.state?.isChatHistoryOpen ? "Hide chat history" : "Show chat history"}/>    
                             }
-                            <ShareButton onClick={handleShareClick} />
                     </Stack>
 
                 </Stack>

diff --git a/frontend/test_prompt.txt b/frontend/test_prompt.txt
@@ -0,0 +1,10 @@
+I need your help with dinner tonight for Zarina and I. We're quite hungry and in the mood for something wholesome.
+
+Inventory:
+Kitchen: Tomatoes x 4, Onions x 2, Chedar cheese x 500g, Baked beans x 3 tins, White bread x 1 loaf
+Spice rack: Salt, Pepper, Paprika
+Freezer: Frozen mixed vegetables x 500g
+
+Allergies:
+Yusuf: Peanuts
+Zarina: Lactose