remove text from question actions

StampyAI · Nov 1, 2023 · 75515f0 · 75515f0
1 parent ab0fc21
commit 75515f0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/routes/questions/$question.tsx b/app/routes/questions/$question.tsx
@@ -154,8 +154,8 @@ export function Question({
                 <div className="question-footer">
                   <Tags tags={tags} selectQuestion={selectQuestion} />
                   <div className="actions">
-                    <Action pageid={pageid} actionType={ActionType.HELPFUL} />
-                    <Action pageid={pageid} actionType={ActionType.UNHELPFUL} />
+                    <Action pageid={pageid} showText={false} actionType={ActionType.HELPFUL} />
+                    <Action pageid={pageid} showText={false} actionType={ActionType.UNHELPFUL} />
                     {answerEditLink && (
                       // TODO: on the first click (remember in localstorage), display a disclaimer popup text from https://stampy.ai/wiki/Edit_popup
                       <a
@@ -166,7 +166,6 @@ export function Question({
                         title="edit answer"
                       >
                         <Edit />
-                        Edit
                       </a>
                     )}
                   </div>

diff --git a/app/routes/questions/actions.tsx b/app/routes/questions/actions.tsx
@@ -97,10 +97,11 @@ export const action = async ({request}: ActionArgs) => {
 type Props = {
   pageid: string
   actionType: ActionType
+  showText?: boolean
   children?: ReactNode | ReactNode[]
   [k: string]: unknown
 }
-export const Action = ({pageid, actionType, children, ...props}: Props) => {
+export const Action = ({pageid, actionType, showText = true, children, ...props}: Props) => {
   const [remixSearchParams] = useSearchParams()
   const [stateString] = useState(() => remixSearchParams.get('state') ?? '')
   const {Icon, title} = actions[actionType]
@@ -164,7 +165,7 @@ export const Action = ({pageid, actionType, children, ...props}: Props) => {
       {children}
       <button className={className} title={title} type="button">
         <Icon />
-        {title}
+        {showText && title}
       </button>
     </Form>
   )