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 (
{ - {SLIDES.map((slide, index) => ( + {filteredSlides.map((slide, index) => ( {t(`${slide.key}.imgAlt`)} @@ -240,7 +246,7 @@ export const IntroSlider = () => { display: { base: 'none', xsm: 'block' }, })} > - {SLIDES.map((_, index) => ( + {filteredSlides.map((_, index) => ( ))}
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 = () => { )} - - {t('beta.button')} - + {data?.transcript.form_beta_users && ( + + {t('beta.button')} + + )} )}