Update the style of the suggestions (#2734)

* Update the style of the suggestions

* Cleanup
This commit is contained in:
Matt Rubens 2025-04-17 23:25:23 -04:00 committed by GitHub
parent bea36c8977
commit 86636526bd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,5 +1,5 @@
import { useCallback } from "react"
import { ArrowRight, Edit } from "lucide-react"
import { Edit } from "lucide-react"
import { Button } from "@/components/ui"
@ -26,18 +26,15 @@ export const FollowUpSuggest = ({ suggestions = [], onSuggestionClick, ts = 1 }:
}
return (
<div className="flex mb-2 flex-col h-full border rounded-xs">
<div className="flex mb-2 flex-col h-full gap-2">
{suggestions.map((suggestion) => (
<div key={`${suggestion}-${ts}`} className="w-full relative group">
<Button
variant="ghost"
variant="outline"
className="text-left whitespace-normal break-words w-full h-auto py-3 justify-start pr-8"
onClick={(event) => handleSuggestionClick(suggestion, event)}
aria-label={suggestion}>
<div className="flex flex-row items-center gap-2">
<ArrowRight />
<div>{suggestion}</div>
</div>
<div>{suggestion}</div>
</Button>
<div
className="absolute top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity"