mirror of
https://github.com/Significant-Gravitas/AutoGPT.git
synced 2026-01-09 07:08:09 -05:00
fix(frontend): Replace question mark icon with "Give Feedback" text button (#11381)
## Summary - Replaced the question mark icon with explicit "Give Feedback" text in the feedback button - Applied consistent styling to match the "Tutorial" button - Removed QuestionMarkCircledIcon dependency from TallyPopup component ## Motivation Users reported not knowing what the question mark icon was for, which prevented them from discovering the feedback feature. Making the button text-based and explicit removes this confusion. ## Changes - Removed `QuestionMarkCircledIcon` import and icon element - Changed button to display only "Give Feedback" text - Added consistent styling (height, rounded corners, background color) to match Tutorial button - Button text can wrap to two lines if needed for better readability #### For code changes: - [x] I have clearly listed my changes in the PR description - [x] I have made a test plan - [x] I have tested my changes according to the test plan: <!-- Put your test plan here: --> - [x] Check the UI to see that the question mark on the tally button has been replaced with "Give Feedback" Before <img width="618" height="198" alt="image" src="https://github.com/user-attachments/assets/0d4803eb-9a05-4a43-aaff-cc43b6d0cda4" /> After <img width="298" height="126" alt="image" src="https://github.com/user-attachments/assets/c1e1c3b5-94b4-4ad9-87e9-a0feca1143e3" /> --------- Co-authored-by: Abhimanyu Yadav <122007096+Abhi1992002@users.noreply.github.com>
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import React from "react";
|
||||
import { QuestionMarkCircledIcon } from "@radix-ui/react-icons";
|
||||
import { useTallyPopup } from "./useTallyPopup";
|
||||
import { Button } from "@/components/atoms/Button/Button";
|
||||
|
||||
@@ -38,9 +37,9 @@ export function TallyPopupSimple() {
|
||||
: String(state.isAuthenticated)
|
||||
}
|
||||
data-email={state.userEmail || "not-authenticated"}
|
||||
className="mb-0 h-14 rounded-2xl bg-[rgba(65,65,64,1)] text-center font-sans text-lg font-medium leading-6"
|
||||
>
|
||||
<QuestionMarkCircledIcon className="h-6 w-6" />
|
||||
<span className="">Give Feedback</span>
|
||||
Give Feedback
|
||||
</Button>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user