From a58b3b4a377e90225ba69b201b37ef9f5fd89c1a Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Tue, 24 Dec 2024 10:52:42 -0800
Subject: [PATCH] Remove some of the step one suggestions

---
 .../components/suggestions/suggestionsData.ts | 58 +++++++++----------
 src/interface/web/app/page.tsx                |  6 +-
 2 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/src/interface/web/app/components/suggestions/suggestionsData.ts b/src/interface/web/app/components/suggestions/suggestionsData.ts
index ba870c24..9787a30b 100644
--- a/src/interface/web/app/components/suggestions/suggestionsData.ts
+++ b/src/interface/web/app/components/suggestions/suggestionsData.ts
@@ -108,13 +108,13 @@ export const stepOneSuggestions: StepOneSuggestion[] = [
         focus: ChatInputFocus.MESSAGE,
         intent: "Paint a picture of",
     },
-    {
-        type: SuggestionType.Travel,
-        actionTagline: "Find a place",
-        color: suggestionToColorMap[SuggestionType.Travel] || DEFAULT_COLOR,
-        focus: ChatInputFocus.MESSAGE,
-        intent: "Find a place that is",
-    },
+    // {
+    //     type: SuggestionType.Travel,
+    //     actionTagline: "Find a place",
+    //     color: suggestionToColorMap[SuggestionType.Travel] || DEFAULT_COLOR,
+    //     focus: ChatInputFocus.MESSAGE,
+    //     intent: "Find a place that is",
+    // },
     {
         type: SuggestionType.Language,
         actionTagline: "Translate text",
@@ -122,20 +122,20 @@ export const stepOneSuggestions: StepOneSuggestion[] = [
         focus: ChatInputFocus.MESSAGE,
         intent: "Translate this text",
     },
-    {
-        type: SuggestionType.PopCulture,
-        actionTagline: "Explain a trend",
-        color: suggestionToColorMap[SuggestionType.PopCulture] || DEFAULT_COLOR,
-        focus: ChatInputFocus.MESSAGE,
-        intent: "Tell me more about this phenomenon",
-    },
-    {
-        type: SuggestionType.Food,
-        actionTagline: "Find a recipe",
-        color: suggestionToColorMap[SuggestionType.Food] || DEFAULT_COLOR,
-        focus: ChatInputFocus.MESSAGE,
-        intent: "Find a recipe for",
-    },
+    // {
+    //     type: SuggestionType.PopCulture,
+    //     actionTagline: "Explain a trend",
+    //     color: suggestionToColorMap[SuggestionType.PopCulture] || DEFAULT_COLOR,
+    //     focus: ChatInputFocus.MESSAGE,
+    //     intent: "Tell me more about this phenomenon",
+    // },
+    // {
+    //     type: SuggestionType.Food,
+    //     actionTagline: "Find a recipe",
+    //     color: suggestionToColorMap[SuggestionType.Food] || DEFAULT_COLOR,
+    //     focus: ChatInputFocus.MESSAGE,
+    //     intent: "Find a recipe for",
+    // },
     {
         type: SuggestionType.Interviewing,
         actionTagline: "Career advice",
@@ -143,13 +143,13 @@ export const stepOneSuggestions: StepOneSuggestion[] = [
         focus: ChatInputFocus.MESSAGE,
         intent: "Help me prepare for an interview",
     },
-    {
-        type: SuggestionType.Fun,
-        actionTagline: "Get creative",
-        color: suggestionToColorMap[SuggestionType.Fun] || DEFAULT_COLOR,
-        focus: ChatInputFocus.MESSAGE,
-        intent: "Suggest a fun activity",
-    },
+    // {
+    //     type: SuggestionType.Fun,
+    //     actionTagline: "Get creative",
+    //     color: suggestionToColorMap[SuggestionType.Fun] || DEFAULT_COLOR,
+    //     focus: ChatInputFocus.MESSAGE,
+    //     intent: "Suggest a fun activity",
+    // },
     {
         type: SuggestionType.Finance,
         actionTagline: "Explain money",
@@ -166,7 +166,7 @@ export const stepOneSuggestions: StepOneSuggestion[] = [
     },
     {
         type: SuggestionType.Image,
-        actionTagline: "Explain image",
+        actionTagline: "Analyze image",
         color: suggestionToColorMap[SuggestionType.Image] || DEFAULT_COLOR,
         focus: ChatInputFocus.MESSAGE,
         intent: "Explain the significance of this image",
diff --git a/src/interface/web/app/page.tsx b/src/interface/web/app/page.tsx
index 6374c162..b99ffaf6 100644
--- a/src/interface/web/app/page.tsx
+++ b/src/interface/web/app/page.tsx
@@ -5,7 +5,7 @@ import "katex/dist/katex.min.css";
 
 import React, { useEffect, useRef, useState } from "react";
 import useSWR from "swr";
-import { ArrowCounterClockwise } from "@phosphor-icons/react";
+import { ArrowsVertical } from "@phosphor-icons/react";
 
 import { Card, CardTitle } from "@/components/ui/card";
 import {
@@ -316,7 +316,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
                 )}
                 {stepTwoSuggestionOptions.length == 0 && (
                     <div
-                        className={`${styles.suggestions} w-full ${props.isMobileWidth ? "grid grid-cols-2" : "grid grid-cols-3"} justify-center items-center`}
+                        className={`${styles.suggestions} w-full ${props.isMobileWidth ? (stepOneSuggestions.length > 3 ? "grid grid-cols-2" : "grid grid-cols-3") : "grid grid-cols-3"} "justify-center items-center"`}
                     >
                         {stepOneSuggestionOptions.map((suggestion, index) => (
                             <div
@@ -348,7 +348,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
                                 onClick={showAllSuggestionsCards}
                                 className="m-2 p-1.5 rounded-lg dark:hover:bg-[var(--background-color)] hover:bg-stone-100 border border-stone-100 text-sm text-stone-500 dark:text-stone-300 dark:border-neutral-700"
                             >
-                                More Actions <ArrowCounterClockwise className="h-4 w-4 inline" />
+                                Show All <ArrowsVertical className="h-4 w-4 inline" />
                             </button>
                         </div>
                     )}