[#464] add tooltips for gov actions

IntersectMBO · Apr 16, 2024 · 7fc7f6e · 7fc7f6e
1 parent b4f132f
commit 7fc7f6e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/...ntend/src/components/organisms/CreateGovernanceActionSteps/ChooseGovernanceActionType.tsx b/...ntend/src/components/organisms/CreateGovernanceActionSteps/ChooseGovernanceActionType.tsx
@@ -1,5 +1,6 @@
 import { Dispatch, SetStateAction } from "react";
 import { ActionRadio, Spacer, Typography } from "@atoms";
+import { GovernanceActionTootlip } from "@consts";
 import {
   useCreateGovernanceActionForm,
   useScreenDimension,
@@ -34,7 +35,6 @@ export const ChooseGovernanceActionType = ({
     setValue("governance_action_type", value as GovernanceActionType);
   };
 
-  // TODO: Add tooltips when they will be available
   const renderGovernanceActionTypes = () =>
     Object.keys(GovernanceActionType).map(
       (type, index, governanceActionTypes) => {
@@ -46,6 +46,10 @@ export const ChooseGovernanceActionType = ({
               onChange={onChangeType}
               title={type}
               value={type}
+              tooltipTitle={type}
+              tooltipText={
+                GovernanceActionTootlip[type as GovernanceActionType]
+              }
             />
             {index + 1 < governanceActionTypes.length ? <Spacer y={2} /> : null}
           </div>

diff --git a/govtool/frontend/src/consts/governanceAction/fields.ts b/govtool/frontend/src/consts/governanceAction/fields.ts
@@ -7,6 +7,11 @@ import {
   SharedGovernanceActionFieldSchema,
 } from "@/types/governanceAction";
 
+export const GovernanceActionTootlip = {
+  Info: I18n.t("govActions.tooltips.info"),
+  Treasury: I18n.t("govActions.tooltips.treasury"),
+};
+
 export const CIP_100 =
   "https://github.com/cardano-foundation/CIPs/blob/master/CIP-0100/README.md#";
 export const CIP_108 =

diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
@@ -424,6 +424,10 @@ export const en = {
         partOne: "Governance action with id",
         partTwo: "does not exist.",
       },
+      tooltips: {
+        info: "An action that has no effect on-chain, other than an on-chain record",
+        treasury: "Withdrawals from the treasury",
+      },
       type: {
         noConfidence: {
           title: "No Confidence",