From 830da365c4a3978da61f7e278038bea7d57d70f6 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Thu, 26 Jun 2025 11:45:28 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=9A(frontend)=20move=20slider=20assets?=
 =?UTF-8?q?=20to=20public=20folder=20with=20simplified=20names?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Relocate and rename slider assets for easier customization when rebuilding
images. Enables deployments to override branding elements more simply.
---
 .../assets/intro-slider/1.png}                   | Bin
 .../assets/intro-slider/2.png}                   | Bin
 .../assets/intro-slider/3.png}                   | Bin
 .../assets/intro-slider/4.png}                   | Bin
 .../src/features/home/components/IntroSlider.tsx |  15 +++++----------
 .../components/ScreenRecordingSidePanel.tsx      |   3 +--
 .../recording/components/TranscriptSidePanel.tsx |   3 +--
 .../recording/routes/RecordingDownload.tsx       |   3 +--
 8 files changed, 8 insertions(+), 16 deletions(-)
 rename src/frontend/{src/assets/intro-slider/1_solo.png => public/assets/intro-slider/1.png} (100%)
 rename src/frontend/{src/assets/intro-slider/2_multiple.png => public/assets/intro-slider/2.png} (100%)
 rename src/frontend/{src/assets/intro-slider/3_resume.png => public/assets/intro-slider/3.png} (100%)
 rename src/frontend/{src/assets/intro-slider/4_record.png => public/assets/intro-slider/4.png} (100%)

diff --git a/src/frontend/src/assets/intro-slider/1_solo.png b/src/frontend/public/assets/intro-slider/1.png
similarity index 100%
rename from src/frontend/src/assets/intro-slider/1_solo.png
rename to src/frontend/public/assets/intro-slider/1.png
diff --git a/src/frontend/src/assets/intro-slider/2_multiple.png b/src/frontend/public/assets/intro-slider/2.png
similarity index 100%
rename from src/frontend/src/assets/intro-slider/2_multiple.png
rename to src/frontend/public/assets/intro-slider/2.png
diff --git a/src/frontend/src/assets/intro-slider/3_resume.png b/src/frontend/public/assets/intro-slider/3.png
similarity index 100%
rename from src/frontend/src/assets/intro-slider/3_resume.png
rename to src/frontend/public/assets/intro-slider/3.png
diff --git a/src/frontend/src/assets/intro-slider/4_record.png b/src/frontend/public/assets/intro-slider/4.png
similarity index 100%
rename from src/frontend/src/assets/intro-slider/4_record.png
rename to src/frontend/public/assets/intro-slider/4.png
diff --git a/src/frontend/src/features/home/components/IntroSlider.tsx b/src/frontend/src/features/home/components/IntroSlider.tsx
index 92c96d0b..f9c5efca 100644
--- a/src/frontend/src/features/home/components/IntroSlider.tsx
+++ b/src/frontend/src/features/home/components/IntroSlider.tsx
@@ -1,7 +1,3 @@
-import firstSlide from '@/assets/intro-slider/1_solo.png'
-import secondSlide from '@/assets/intro-slider/2_multiple.png'
-import thirdSlide from '@/assets/intro-slider/3_resume.png'
-
 import { styled } from '@/styled-system/jsx'
 import { css } from '@/styled-system/css'
 import { Button, LinkButton } from '@/primitives'
@@ -145,7 +141,7 @@ const TextAnimation = styled('div', {
 
 type Slide = {
   key: string
-  img: string
+  src: string
   isAvailableInBeta?: boolean
 }
 
@@ -153,16 +149,15 @@ type Slide = {
 const SLIDES: Slide[] = [
   {
     key: 'slide1',
-    img: firstSlide,
+    src: '/assets/intro-slider/1.png',
   },
   {
     key: 'slide2',
-    img: secondSlide,
+    src: '/assets/intro-slider/2.png',
   },
   {
     key: 'slide3',
-    img: thirdSlide,
-    isAvailableInBeta: true,
+    src: '/assets/intro-slider/3.png',
   },
 ]
 
@@ -205,7 +200,7 @@ export const IntroSlider = () => {
         <SlideContainer>
           {filteredSlides.map((slide, index) => (
             <Slide visible={index == slideIndex} key={index}>
-              <Image src={slide.img} alt={t(`${slide.key}.imgAlt`)} />
+              <Image src={slide.src} alt={t(`${slide.key}.imgAlt`)} />
               <TextAnimation visible={index == slideIndex}>
                 <Heading>{t(`${slide.key}.title`)}</Heading>
                 <Body>{t(`${slide.key}.body`)}</Body>
diff --git a/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx b/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx
index 15768441..5e725847 100644
--- a/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx
+++ b/src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx
@@ -1,6 +1,5 @@
 import { A, Button, Dialog, Div, H, P, Text } from '@/primitives'
 
-import fourthSlide from '@/assets/intro-slider/4_record.png'
 import { css } from '@/styled-system/css'
 import { useRoomId } from '@/features/rooms/livekit/hooks/useRoomId'
 import { useRoomContext } from '@livekit/components-react'
@@ -126,7 +125,7 @@ export const ScreenRecordingSidePanel = () => {
       alignItems="center"
     >
       <img
-        src={fourthSlide}
+        src="/assets/intro-slider/4.png"
         alt={''}
         className={css({
           minHeight: '309px',
diff --git a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
index 905eb770..fe7de0f9 100644
--- a/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
+++ b/src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
@@ -1,6 +1,5 @@
 import { A, Button, Dialog, Div, H, LinkButton, P, Text } from '@/primitives'
 
-import thirdSlide from '@/assets/intro-slider/3_resume.png'
 import { css } from '@/styled-system/css'
 import { useRoomId } from '@/features/rooms/livekit/hooks/useRoomId'
 import { useRoomContext } from '@livekit/components-react'
@@ -136,7 +135,7 @@ export const TranscriptSidePanel = () => {
       alignItems="center"
     >
       <img
-        src={thirdSlide}
+        src="/assets/intro-slider/3.png"
         alt={''}
         className={css({
           minHeight: '309px',
diff --git a/src/frontend/src/features/recording/routes/RecordingDownload.tsx b/src/frontend/src/features/recording/routes/RecordingDownload.tsx
index a800f066..a1644193 100644
--- a/src/frontend/src/features/recording/routes/RecordingDownload.tsx
+++ b/src/frontend/src/features/recording/routes/RecordingDownload.tsx
@@ -3,7 +3,6 @@ import { useQuery } from '@tanstack/react-query'
 import { Center, VStack } from '@/styled-system/jsx'
 import { css } from '@/styled-system/css'
 import { useTranslation } from 'react-i18next'
-import fourthSlide from '@/assets/intro-slider/4_record.png'
 import { mediaUrl } from '@/api/mediaUrl'
 import { UserAware, useUser } from '@/features/auth'
 import { Screen } from '@/layout/Screen'
@@ -69,7 +68,7 @@ export const RecordingDownload = () => {
         <Center>
           <VStack>
             <img
-              src={fourthSlide}
+              src="/assets/intro-slider/4.png"
               alt={''}
               className={css({
                 maxHeight: '309px',