Skip to content

Commit 7c48598

Browse files
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 <[email protected]>
1 parent 804e3b4 commit 7c48598

File tree

1 file changed

+2
-3
lines changed
  • autogpt_platform/frontend/src/components/molecules/TallyPoup

1 file changed

+2
-3
lines changed

autogpt_platform/frontend/src/components/molecules/TallyPoup/TallyPopup.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
"use client";
22

33
import React from "react";
4-
import { QuestionMarkCircledIcon } from "@radix-ui/react-icons";
54
import { useTallyPopup } from "./useTallyPopup";
65
import { Button } from "@/components/atoms/Button/Button";
76

@@ -38,9 +37,9 @@ export function TallyPopupSimple() {
3837
: String(state.isAuthenticated)
3938
}
4039
data-email={state.userEmail || "not-authenticated"}
40+
className="mb-0 h-14 rounded-2xl bg-[rgba(65,65,64,1)] text-center font-sans text-lg font-medium leading-6"
4141
>
42-
<QuestionMarkCircledIcon className="h-6 w-6" />
43-
<span className="">Give Feedback</span>
42+
Give Feedback
4443
</Button>
4544
</div>
4645
);

0 commit comments

Comments
 (0)