better name to links and buttons

1 files changed, 6 insertions, 0 deletions

diff --git a/packages/demobank-ui/src/pages/OperationState/views.tsx b/packages/demobank-ui/src/pages/OperationState/views.tsx
index 40d974a17..d086c3dd1 100644
--- a/packages/demobank-ui/src/pages/OperationState/views.tsx
+++ b/packages/demobank-ui/src/pages/OperationState/views.tsx
@@ -174,6 +174,7 @@ export function NeedConfirmationView({
               <div class="flex items-center justify-between gap-x-6 border-t border-gray-900/10 px-4 py-4 sm:px-8">
                 <button
                   type="button"
+                  name="cancel"
                   class="text-sm font-semibold leading-6 text-gray-900"
                   onClick={(e) => {
                     e.preventDefault();
@@ -184,6 +185,7 @@ export function NeedConfirmationView({
                 </button>
                 <button
                   type="submit"
+                  name="transfer"
                   class="disabled:opacity-50 disabled:cursor-default cursor-pointer rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
                   onClick={(e) => {
                     e.preventDefault();
@@ -290,6 +292,7 @@ export function ConfirmedView({ routeClose }: State.Confirmed) {
           </span>
           <button
             type="button"
+            name="toggle withdrawal"
             data-enabled={!settings.showWithdrawalSuccess}
             class="bg-indigo-600 data-[enabled=false]:bg-gray-200 relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:ring-offset-2"
             role="switch"
@@ -315,6 +318,7 @@ export function ConfirmedView({ routeClose }: State.Confirmed) {
         <a
           href={routeClose.url({})}
           type="button"
+          name="close"
           class="inline-flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
         >
           <i18n.Translate>Close</i18n.Translate>
@@ -376,6 +380,7 @@ export function ReadyView({
       <div class="flex justify-end mt-4">
         <button
           type="button"
+          name="cancel"
           class="inline-flex items-center rounded-md bg-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-500"
           onClick={onAbort}
         >
@@ -399,6 +404,7 @@ export function ReadyView({
             <div class="mt-5 sm:ml-6 sm:mt-0 sm:flex sm:flex-shrink-0 sm:items-center">
               <a
                 href={talerWithdrawUri}
+                name="start"
                 class="inline-flex items-center  disabled:opacity-50 disabled:cursor-default cursor-pointer rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
               >
                 <i18n.Translate>Start</i18n.Translate>