From e01b1713c4058ee5ed9abc338027f717697ffdab Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Fri, 6 Jun 2025 17:51:29 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7(frontend)=20make=20transcription?=
 =?UTF-8?q?=20beta=20registration=20form=20optional?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add configuration to disable transcription beta form for self-hosted
deployments that don't offer this feature. Quick implementation, needs
refinement.
---
 .../features/home/components/IntroSlider.tsx   | 14 ++++++++++----
 .../components/TranscriptSidePanel.tsx         | 18 ++++++++++--------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/frontend/src/features/home/components/IntroSlider.tsx b/src/frontend/src/features/home/components/IntroSlider.tsx
index 15e0f535..92c96d0b 100644
--- a/src/frontend/src/features/home/components/IntroSlider.tsx
+++ b/src/frontend/src/features/home/components/IntroSlider.tsx
@@ -6,7 +6,7 @@ import { styled } from '@/styled-system/jsx'
 import { css } from '@/styled-system/css'
 import { Button, LinkButton } from '@/primitives'
 import { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react'
-import { useState } from 'react'
+import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useConfig } from '@/api/useConfig'
 
@@ -169,10 +169,16 @@ const SLIDES: Slide[] = [
 export const IntroSlider = () => {
   const [slideIndex, setSlideIndex] = useState(0)
   const { t } = useTranslation('home', { keyPrefix: 'introSlider' })
-  const NUMBER_SLIDES = SLIDES.length
 
   const { data } = useConfig()
 
+  const filteredSlides = useMemo(
+    () => (data?.transcript?.form_beta_users ? SLIDES : SLIDES.slice(0, 2)),
+    [data]
+  )
+
+  const NUMBER_SLIDES = filteredSlides.length
+
   return (
     <Container>
       <div
@@ -197,7 +203,7 @@ export const IntroSlider = () => {
           </ButtonVerticalCenter>
         </ButtonContainer>
         <SlideContainer>
-          {SLIDES.map((slide, index) => (
+          {filteredSlides.map((slide, index) => (
             <Slide visible={index == slideIndex} key={index}>
               <Image src={slide.img} alt={t(`${slide.key}.imgAlt`)} />
               <TextAnimation visible={index == slideIndex}>
@@ -240,7 +246,7 @@ export const IntroSlider = () => {
           display: { base: 'none', xsm: 'block' },
         })}
       >
-        {SLIDES.map((_, index) => (
+        {filteredSlides.map((_, index) => (
           <Dot key={index} selected={index == slideIndex} />
         ))}
       </div>
diff --git a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
index 8fd00b71..905eb770 100644
--- a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
+++ b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
@@ -193,14 +193,16 @@ export const TranscriptSidePanel = () => {
                   </A>
                 )}
               </Text>
-              <LinkButton
-                size="sm"
-                variant="tertiary"
-                href={data?.transcript.form_beta_users}
-                target="_blank"
-              >
-                {t('beta.button')}
-              </LinkButton>
+              {data?.transcript.form_beta_users && (
+                <LinkButton
+                  size="sm"
+                  variant="tertiary"
+                  href={data?.transcript.form_beta_users}
+                  target="_blank"
+                >
+                  {t('beta.button')}
+                </LinkButton>
+              )}
             </>
           )}
         </>