Remove some of the step one suggestions

This commit is contained in:
sabaimran
2024-12-24 10:52:42 -08:00
parent cf78f426d3
commit a58b3b4a37
2 changed files with 32 additions and 32 deletions

View File

@@ -108,13 +108,13 @@ export const stepOneSuggestions: StepOneSuggestion[] = [
focus: ChatInputFocus.MESSAGE, focus: ChatInputFocus.MESSAGE,
intent: "Paint a picture of", intent: "Paint a picture of",
}, },
{ // {
type: SuggestionType.Travel, // type: SuggestionType.Travel,
actionTagline: "Find a place", // actionTagline: "Find a place",
color: suggestionToColorMap[SuggestionType.Travel] || DEFAULT_COLOR, // color: suggestionToColorMap[SuggestionType.Travel] || DEFAULT_COLOR,
focus: ChatInputFocus.MESSAGE, // focus: ChatInputFocus.MESSAGE,
intent: "Find a place that is", // intent: "Find a place that is",
}, // },
{ {
type: SuggestionType.Language, type: SuggestionType.Language,
actionTagline: "Translate text", actionTagline: "Translate text",
@@ -122,20 +122,20 @@ export const stepOneSuggestions: StepOneSuggestion[] = [
focus: ChatInputFocus.MESSAGE, focus: ChatInputFocus.MESSAGE,
intent: "Translate this text", intent: "Translate this text",
}, },
{ // {
type: SuggestionType.PopCulture, // type: SuggestionType.PopCulture,
actionTagline: "Explain a trend", // actionTagline: "Explain a trend",
color: suggestionToColorMap[SuggestionType.PopCulture] || DEFAULT_COLOR, // color: suggestionToColorMap[SuggestionType.PopCulture] || DEFAULT_COLOR,
focus: ChatInputFocus.MESSAGE, // focus: ChatInputFocus.MESSAGE,
intent: "Tell me more about this phenomenon", // intent: "Tell me more about this phenomenon",
}, // },
{ // {
type: SuggestionType.Food, // type: SuggestionType.Food,
actionTagline: "Find a recipe", // actionTagline: "Find a recipe",
color: suggestionToColorMap[SuggestionType.Food] || DEFAULT_COLOR, // color: suggestionToColorMap[SuggestionType.Food] || DEFAULT_COLOR,
focus: ChatInputFocus.MESSAGE, // focus: ChatInputFocus.MESSAGE,
intent: "Find a recipe for", // intent: "Find a recipe for",
}, // },
{ {
type: SuggestionType.Interviewing, type: SuggestionType.Interviewing,
actionTagline: "Career advice", actionTagline: "Career advice",
@@ -143,13 +143,13 @@ export const stepOneSuggestions: StepOneSuggestion[] = [
focus: ChatInputFocus.MESSAGE, focus: ChatInputFocus.MESSAGE,
intent: "Help me prepare for an interview", intent: "Help me prepare for an interview",
}, },
{ // {
type: SuggestionType.Fun, // type: SuggestionType.Fun,
actionTagline: "Get creative", // actionTagline: "Get creative",
color: suggestionToColorMap[SuggestionType.Fun] || DEFAULT_COLOR, // color: suggestionToColorMap[SuggestionType.Fun] || DEFAULT_COLOR,
focus: ChatInputFocus.MESSAGE, // focus: ChatInputFocus.MESSAGE,
intent: "Suggest a fun activity", // intent: "Suggest a fun activity",
}, // },
{ {
type: SuggestionType.Finance, type: SuggestionType.Finance,
actionTagline: "Explain money", actionTagline: "Explain money",
@@ -166,7 +166,7 @@ export const stepOneSuggestions: StepOneSuggestion[] = [
}, },
{ {
type: SuggestionType.Image, type: SuggestionType.Image,
actionTagline: "Explain image", actionTagline: "Analyze image",
color: suggestionToColorMap[SuggestionType.Image] || DEFAULT_COLOR, color: suggestionToColorMap[SuggestionType.Image] || DEFAULT_COLOR,
focus: ChatInputFocus.MESSAGE, focus: ChatInputFocus.MESSAGE,
intent: "Explain the significance of this image", intent: "Explain the significance of this image",

View File

@@ -5,7 +5,7 @@ import "katex/dist/katex.min.css";
import React, { useEffect, useRef, useState } from "react"; import React, { useEffect, useRef, useState } from "react";
import useSWR from "swr"; import useSWR from "swr";
import { ArrowCounterClockwise } from "@phosphor-icons/react"; import { ArrowsVertical } from "@phosphor-icons/react";
import { Card, CardTitle } from "@/components/ui/card"; import { Card, CardTitle } from "@/components/ui/card";
import { import {
@@ -316,7 +316,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
)} )}
{stepTwoSuggestionOptions.length == 0 && ( {stepTwoSuggestionOptions.length == 0 && (
<div <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) => ( {stepOneSuggestionOptions.map((suggestion, index) => (
<div <div
@@ -348,7 +348,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
onClick={showAllSuggestionsCards} 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" 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> </button>
</div> </div>
)} )}