chore: remove link from card view (#6347)

* remove link from card view

* class

Author: timarney

app/(gcforms)/[locale]/(form administration)/form-builder/[id]/responses/[[...statusFilter]]/components/NoResponses.tsx

@@ -1,42 +1,25 @@
 import React, { useEffect, useState } from "react";
-import Link from "next/link";
 import { Card, HeadingLevel, Text } from "@clientComponents/globals/card/Card";
 import Image from "next/image";
 import { useTranslation } from "react-i18next";
 import { useFormBuilderConfig } from "@lib/hooks/useFormBuilderConfig";
 import { newResponsesExist, unConfirmedResponsesExist } from "../actions";
 import { StatusFilter } from "../types";
 
-import { useRouter } from "next/navigation";
-import { useFeatureFlags } from "@lib/hooks/useFeatureFlags";
-import { FeatureFlags } from "@lib/cache/types";
-
-import { enableResponsesBetaMode } from "../../actions";
-
 export const NoResponses = ({
   statusFilter,
   formId,
 }: {
   statusFilter: StatusFilter;
   formId: string;
 }) => {
-  const router = useRouter();
-  const { getFlag } = useFeatureFlags();
-  const { t, i18n } = useTranslation(["form-builder-responses"]);
+  const { t } = useTranslation(["form-builder-responses"]);
   const { hasApiKeyId } = useFormBuilderConfig();
 
   const [checkingApiSubmissions, setCheckingApiSubmissions] = useState(true);
   const [hasNewApiSubmissions, setHasNewApiSubmissions] = useState(false);
   const [hasUnconfirmedApiSubmissions, setHasUnconfirmedApiSubmissions] = useState(false);
 
-  const responsesBetaEnabled = getFlag(FeatureFlags.responsesBeta);
-
-  const handleResponsesBetaClick = async (e: React.MouseEvent<HTMLAnchorElement>) => {
-    e.preventDefault();
-    await enableResponsesBetaMode();
-    router.push(`/${i18n.language}/form-builder/${formId}/responses-beta`);
-  };
-
   useEffect(() => {
     const getApiSubmissions = async () => {
       const newApiSubmissions = await newResponsesExist(formId);
@@ -115,19 +98,6 @@ export const NoResponses = ({
                 <Text i18nKey="downloadResponsesTable.card.noNewResponsesApiMessage" />
               </div>
             </Card>
-
-            {responsesBetaEnabled && (
-              <div className="mt-4">
-                <Link
-                  onClick={handleResponsesBetaClick}
-                  data-testid="responses-beta-switch-link"
-                  href={`/${i18n.language}/form-builder/${formId}/responses-beta`}
-                  className="text-black visited:text-black"
-                >
-                  {t("responsesBeta.responsesBetaLink")}
-                </Link>
-              </div>
-            )}
           </>
         )}
 
@@ -145,19 +115,6 @@ export const NoResponses = ({
               <Text i18nKey="downloadResponsesTable.card.apiResponsesAvailableMessage" />
             </div>
           </Card>
-
-          {responsesBetaEnabled && (
-            <div className="mt-4">
-              <Link
-                onClick={handleResponsesBetaClick}
-                data-testid="responses-beta-switch-link"
-                href={`/${i18n.language}/form-builder/${formId}/responses-beta`}
-                className="text-black visited:text-black"
-              >
-                {t("responsesBeta.responsesBetaLink")}
-              </Link>
-            </div>
-          )}
         </>
       )}
 

app/(gcforms)/[locale]/(form administration)/form-builder/[id]/responses/[[...statusFilter]]/components/ResponseBetaLink.tsx

@@ -3,13 +3,15 @@
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 
+import { cn } from "@lib/utils/";
+
 import { useFeatureFlags } from "@lib/hooks/useFeatureFlags";
 import { FeatureFlags } from "@lib/cache/types";
 import { useTranslation } from "@i18n/client";
 
 import { enableResponsesBetaMode } from "../../actions";
 
-export const ResponseBetaLink = ({ formId }: { formId: string }) => {
+export const ResponseBetaLink = ({ formId, className }: { formId: string; className?: string }) => {
   const { t, i18n } = useTranslation("form-builder-responses");
   const { getFlag } = useFeatureFlags();
   const responsesBetaEnabled = getFlag(FeatureFlags.responsesBeta);
@@ -27,7 +29,7 @@ export const ResponseBetaLink = ({ formId }: { formId: string }) => {
         data-testid="responses-beta-link"
         href={`/${i18n.language}/form-builder/${formId}/responses-beta`}
         onClick={handleResponsesBetaClick}
-        className="ml-12 text-black visited:text-black"
+        className={cn("text-black visited:text-black", className)}
       >
         {t("responsesBeta.responsesBetaLink")}
       </Link>

app/(gcforms)/[locale]/(form administration)/form-builder/[id]/responses/[[...statusFilter]]/components/ResponsesFooter.tsx

@@ -30,7 +30,7 @@ export const ResponsesFooter = ({ formId }: { formId: string }) => {
       >
         {t("responses.viewAllProblemResponses")}
       </Link>
-      <ResponseBetaLink formId={formId} />
+      <ResponseBetaLink formId={formId} className="ml-12" />
     </div>
   );
 };