studio/meet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🚚(frontend) move slider assets to public folder with simplified names

Browse Source 
Relocate and rename slider assets for easier customization when rebuilding
images. Enables deployments to override branding elements more simply.
This commit is contained in:
lebaudantoine
2025-06-26 11:45:28 +02:00
committed by aleb_the_flash
parent b33df66158
commit 830da365c4
8 changed files with 8 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
src/frontend/src/assets/intro-slider/1_solo.png → src/frontend/public/assets/intro-slider/1.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

0
src/frontend/src/assets/intro-slider/2_multiple.png → src/frontend/public/assets/intro-slider/2.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 702 KiB

After

Width:  |  Height:  |  Size: 702 KiB

0
src/frontend/src/assets/intro-slider/3_resume.png → src/frontend/public/assets/intro-slider/3.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 599 KiB

After

Width:  |  Height:  |  Size: 599 KiB

0
src/frontend/src/assets/intro-slider/4_record.png → src/frontend/public/assets/intro-slider/4.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 704 KiB

After

Width:  |  Height:  |  Size: 704 KiB

15
src/frontend/src/features/home/components/IntroSlider.tsx
View File

@@ -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 { styled } from '@/styled-system/jsx'
import { css } from '@/styled-system/css' import { css } from '@/styled-system/css'
import { Button, LinkButton } from '@/primitives' import { Button, LinkButton } from '@/primitives'
@@ -145,7 +141,7 @@ const TextAnimation = styled('div', {
type Slide = { type Slide = {
key: string key: string
img: string src: string
isAvailableInBeta?: boolean isAvailableInBeta?: boolean
} }
@@ -153,16 +149,15 @@ type Slide = {
const SLIDES: Slide[] = [ const SLIDES: Slide[] = [
{ {
key: 'slide1', key: 'slide1',
img: firstSlide, src: '/assets/intro-slider/1.png',
}, },
{ {
key: 'slide2', key: 'slide2',
img: secondSlide, src: '/assets/intro-slider/2.png',
}, },
{ {
key: 'slide3', key: 'slide3',
img: thirdSlide, src: '/assets/intro-slider/3.png',
isAvailableInBeta: true,
}, },
] ]
@@ -205,7 +200,7 @@ export const IntroSlider = () => {
<SlideContainer> <SlideContainer>
{filteredSlides.map((slide, index) => ( {filteredSlides.map((slide, index) => (
<Slide visible={index == slideIndex} key={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}> <TextAnimation visible={index == slideIndex}>
<Heading>{t(`${slide.key}.title`)}</Heading> <Heading>{t(`${slide.key}.title`)}</Heading>
<Body>{t(`${slide.key}.body`)}</Body> <Body>{t(`${slide.key}.body`)}</Body>

3
src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx
View File

@@ -1,6 +1,5 @@
import { A, Button, Dialog, Div, H, P, Text } from '@/primitives' 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 { css } from '@/styled-system/css'
import { useRoomId } from '@/features/rooms/livekit/hooks/useRoomId' import { useRoomId } from '@/features/rooms/livekit/hooks/useRoomId'
import { useRoomContext } from '@livekit/components-react' import { useRoomContext } from '@livekit/components-react'
@@ -126,7 +125,7 @@ export const ScreenRecordingSidePanel = () => {
alignItems="center" alignItems="center"
> >
<img <img
src={fourthSlide} src="/assets/intro-slider/4.png"
alt={''} alt={''}
className={css({ className={css({
minHeight: '309px', minHeight: '309px',

3
src/frontend/src/features/recording/components/TranscriptSidePanel.tsx
View File

@@ -1,6 +1,5 @@
import { A, Button, Dialog, Div, H, LinkButton, P, Text } from '@/primitives' 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 { css } from '@/styled-system/css'
import { useRoomId } from '@/features/rooms/livekit/hooks/useRoomId' import { useRoomId } from '@/features/rooms/livekit/hooks/useRoomId'
import { useRoomContext } from '@livekit/components-react' import { useRoomContext } from '@livekit/components-react'
@@ -136,7 +135,7 @@ export const TranscriptSidePanel = () => {
alignItems="center" alignItems="center"
> >
<img <img
src={thirdSlide} src="/assets/intro-slider/3.png"
alt={''} alt={''}
className={css({ className={css({
minHeight: '309px', minHeight: '309px',

3
src/frontend/src/features/recording/routes/RecordingDownload.tsx
View File

@@ -3,7 +3,6 @@ import { useQuery } from '@tanstack/react-query'
import { Center, VStack } from '@/styled-system/jsx' import { Center, VStack } from '@/styled-system/jsx'
import { css } from '@/styled-system/css' import { css } from '@/styled-system/css'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import fourthSlide from '@/assets/intro-slider/4_record.png'
import { mediaUrl } from '@/api/mediaUrl' import { mediaUrl } from '@/api/mediaUrl'
import { UserAware, useUser } from '@/features/auth' import { UserAware, useUser } from '@/features/auth'
import { Screen } from '@/layout/Screen' import { Screen } from '@/layout/Screen'
@@ -69,7 +68,7 @@ export const RecordingDownload = () => {
<Center> <Center>
<VStack> <VStack>
<img <img
src={fourthSlide} src="/assets/intro-slider/4.png"
alt={''} alt={''}
className={css({ className={css({
maxHeight: '309px', maxHeight: '309px',