fix(OverviewCard): transform icon into button

getlago · Feb 5, 2025 · 42e2f7a · 42e2f7a
1 parent ed87aec
commit 42e2f7a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/components/OverviewCard.tsx b/src/components/OverviewCard.tsx
@@ -1,6 +1,7 @@
 import { FC } from 'react'
 
-import { Card, Icon, Skeleton, Tooltip, Typography } from '~/components/designSystem'
+import { Button, Card, Icon, Skeleton, Tooltip, Typography } from '~/components/designSystem'
+import { useInternationalization } from '~/hooks/core/useInternationalization'
 
 interface OverviewCardProps {
   title: string
@@ -21,6 +22,8 @@ export const OverviewCard: FC<OverviewCardProps> = ({
   isLoading,
   refresh,
 }) => {
+  const { translate } = useInternationalization()
+
   return (
     <Card className="flex-1 gap-4 p-6">
       {isLoading ? (
@@ -48,7 +51,11 @@ export const OverviewCard: FC<OverviewCardProps> = ({
               )}
             </div>
 
-            {refresh && <Icon name="reload" onClick={refresh} />}
+            {refresh && (
+              <Tooltip placement="top-end" title={translate('text_1738748043939zqoqzz350yj')}>
+                <Button variant="quaternary" size="small" icon="reload" onClick={refresh} />
+              </Tooltip>
+            )}
           </div>
 
           <div className="flex flex-col gap-1">

diff --git a/translations/base.json b/translations/base.json
@@ -2814,14 +2814,14 @@
   "text_1738084927595tzdnuy6oxyu": "Fee successfully reset",
   "text_1738234109827diqh4eswleu": "Boleto Payments",
   "text_1738234109827hev75h17loy": "For customers invoiced in BRL",
-  "text_1738084927595tzdnuy6oxyu": "Fee successfully reset",
   "text_173832066416253fgbilrnae": "Mark this customer as a partner",
   "text_173832066416219scp0nqeo8": "Entity that sells your products or services, used for revenue sharing.",
   "text_1738322099641hkzihmx9qyw": "Partner",
   "text_1738593143437uebmu9jwtc4": "This invoice will be generated on behalf of this partner.",
   "text_1738593143438173lt8105a5": "This invoice can be used to pay this partner.",
   "text_17385950520558ttf6sv58s0": "Partner name",
   "text_1738595318403vcyh77pwiew": "Partner billing",
-  "text_1738605383523lme9aweoipp": "This invoice has been generated on behalf of this partner."
+  "text_1738605383523lme9aweoipp": "This invoice has been generated on behalf of this partner.",
+  "text_1738748043939zqoqzz350yj": "Refresh"
 }