diff --git a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
index 40c50f17e..13b1a2f6c 100644
--- a/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
+++ b/govtool/frontend/src/components/organisms/ChooseGovernanceActionType.tsx
@@ -26,7 +26,7 @@ export const ChooseGovernanceActionType = ({
const isContinueButtonDisabled = !watch("type");
const onClickContinue = () => {
- setStep(2);
+ setStep(3);
};
// TODO: Add tooltips when they will be available
diff --git a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
index cd6cf3157..e16a406f9 100644
--- a/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
+++ b/govtool/frontend/src/components/organisms/CreateGovernanceActionForm.tsx
@@ -44,11 +44,11 @@ export const CreateGovernanceActionForm = ({
);
const onClickContinue = () => {
- setStep(3);
+ setStep(4);
};
const onClickBack = () => {
- setStep(1);
+ setStep(2);
};
const renderGovernanceActionField = () => {
diff --git a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
index 04598720a..67702466e 100644
--- a/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
+++ b/govtool/frontend/src/components/organisms/RegisterAsdRepStepOne.tsx
@@ -27,7 +27,7 @@ export const RegisterAsdRepStepOne = ({
const onClickContinue = useCallback(() => setStep(2), []);
- const openLearMoreAboutDrep = useCallback(
+ const openLearnMoreAboutDrep = useCallback(
() => openInNewTab("https://sancho.network/roles/drep"),
[]
);
@@ -57,7 +57,7 @@ export const RegisterAsdRepStepOne = ({
components={[
,
]}
diff --git a/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
new file mode 100644
index 000000000..2f279e37b
--- /dev/null
+++ b/govtool/frontend/src/components/organisms/WhatGovernanceActionIsAbout.tsx
@@ -0,0 +1,60 @@
+import { Dispatch, SetStateAction, useCallback } from "react";
+import { Trans } from "react-i18next";
+
+import { Typography } from "@atoms";
+import { useScreenDimension, useTranslation } from "@hooks";
+import {
+ correctAdaFormat,
+ getItemFromLocalStorage,
+ PROTOCOL_PARAMS_KEY,
+} from "@utils";
+
+import { BgCard } from ".";
+
+type WhatGovernanceActionIsAboutProps = {
+ onClickCancel: () => void;
+ setStep: Dispatch>;
+};
+
+export const WhatGovernanceActionIsAbout = ({
+ setStep,
+ onClickCancel,
+}: WhatGovernanceActionIsAboutProps) => {
+ const { t } = useTranslation();
+ const { isMobile } = useScreenDimension();
+
+ const deposit = getItemFromLocalStorage(PROTOCOL_PARAMS_KEY);
+
+ const onClickContinue = useCallback(() => setStep(2), []);
+
+ return (
+
+
+ {t("createGovernanceAction.creatingAGovernanceAction")}
+
+
+
+
+
+ );
+};
diff --git a/govtool/frontend/src/components/organisms/index.ts b/govtool/frontend/src/components/organisms/index.ts
index c787e72aa..4f1994723 100644
--- a/govtool/frontend/src/components/organisms/index.ts
+++ b/govtool/frontend/src/components/organisms/index.ts
@@ -21,14 +21,15 @@ export * from "./GovernanceActionDetailsCard";
export * from "./GovernanceActionsToVote";
export * from "./Hero";
export * from "./HomeCards";
+export * from "./WhatGovernanceActionIsAbout";
+export * from "./RegisterAsSoleVoterBox";
+export * from "./RegisterAsSoleVoterBoxContent";
export * from "./RegisterAsdRepStepOne";
export * from "./RegisterAsdRepStepThree";
export * from "./RegisterAsdRepStepTwo";
-export * from "./Slider";
-export * from "./RegisterAsSoleVoterBoxContent";
-export * from "./RegisterAsSoleVoterBox";
-export * from "./RetireAsSoleVoterBoxContent";
export * from "./RetireAsSoleVoterBox";
+export * from "./RetireAsSoleVoterBoxContent";
+export * from "./Slider";
export * from "./StatusModal";
export * from "./TopNav";
export * from "./VotingPowerModal";
diff --git a/govtool/frontend/src/i18n/locales/en.ts b/govtool/frontend/src/i18n/locales/en.ts
index f4066b50f..364113bbf 100644
--- a/govtool/frontend/src/i18n/locales/en.ts
+++ b/govtool/frontend/src/i18n/locales/en.ts
@@ -133,6 +133,10 @@ export const en = {
formTitle: "Governance Action details",
references: "References and Supporting Information",
title: "Create a Governance Action",
+ creatingAGovernanceAction:
+ "Creating a Governance Action: What you need to know",
+ creatingAGovernanceActionDescription:
+ "To create a Governance Action, you will need to:\n\n• Fill out a form with the relevant data\n• Pay a refundable deposit of ₳{{deposit}}\n• Store the metadata of your Governance Action at your own expense.\n\nYour deposit will be refunded to your wallet when the Governance Action is either enacted or expired.\n\nThe deposit will not affect your Voting Power.",
},
delegation: {
description:
diff --git a/govtool/frontend/src/pages/CreateGovernanceAction.tsx b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
index bc7a8fb2c..aa110505e 100644
--- a/govtool/frontend/src/pages/CreateGovernanceAction.tsx
+++ b/govtool/frontend/src/pages/CreateGovernanceAction.tsx
@@ -17,6 +17,7 @@ import {
CreateGovernanceActionForm,
DashboardTopNav,
Footer,
+ WhatGovernanceActionIsAbout,
} from "@organisms";
import { checkIsWalletConnected } from "@utils";
@@ -73,12 +74,18 @@ export const CreateGovernanceAction = () => {
/>
{step === 1 && (
+
+ )}
+ {step === 2 && (
)}
- {step === 2 && }
+ {step === 3 && }
{isMobile && }