kunthawat/ALwrity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(01-code-splitting): convert StoryWriter, YouTubeCreator MUI icons

Browse Source 
- Converted barrel imports to individual imports across 22 files
- StoryWriter (3), YouTubeCreator (19)
This commit is contained in:
ajaysi
2026-05-08 12:07:34 +05:30
parent f46465cd97
commit 05e84d6089
22 changed files with 67 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/StoryWriter/Phases/StorySetup/AIStorySetupModal.tsx
View File

@@ -20,7 +20,7 @@ import {
Switch,
FormControlLabel,
} from '@mui/material';
import { InfoOutlined } from '@mui/icons-material';
import InfoOutlined from '@mui/icons-material/InfoOutlined';
import {
storyWriterApi,
StorySetupOption,

2
frontend/src/components/StoryWriter/Phases/StorySetup/FormFieldWithTooltip.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
import { TextField, Tooltip, IconButton, InputAdornment, Box, Typography } from '@mui/material';
import { InfoOutlined } from '@mui/icons-material';
import InfoOutlined from '@mui/icons-material/InfoOutlined';
interface TooltipContent {
title: string;

2
frontend/src/components/StoryWriter/Phases/StorySetup/SelectFieldWithTooltip.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
import { TextField, MenuItem, Tooltip, IconButton, InputAdornment, Box, Typography } from '@mui/material';
import { InfoOutlined } from '@mui/icons-material';
import InfoOutlined from '@mui/icons-material/InfoOutlined';
interface TooltipContent {
title: string;

2
frontend/src/components/YouTubeCreator/YouTubeCreator.tsx
View File

@@ -17,7 +17,7 @@ import {
Button,
Alert,
} from '@mui/material';
import { ArrowBack } from '@mui/icons-material';
import ArrowBack from '@mui/icons-material/ArrowBack';
import { motion, AnimatePresence } from 'framer-motion';
import { useNavigate } from 'react-router-dom';
import { youtubeApi, type VideoPlan, type Scene } from '../../services/youtubeApi';

4
frontend/src/components/YouTubeCreator/components/AudioSettingsModal.tsx
View File

@@ -19,7 +19,9 @@ import {
alpha,
TextField,
} from "@mui/material";
import { HelpOutline as HelpOutlineIcon, Close as CloseIcon, VolumeUp } from "@mui/icons-material";
import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
import CloseIcon from "@mui/icons-material/Close";
import VolumeUp from "@mui/icons-material/VolumeUp";
import { Button } from "@mui/material";
export type YouTubeAudioGenerationSettings = {

5
frontend/src/components/YouTubeCreator/components/AvatarCard.tsx
View File

@@ -4,7 +4,10 @@
import React, { useState } from 'react';
import { Box, Typography, Dialog, DialogContent, IconButton, Paper, Stack } from '@mui/material';
import { Close, ZoomIn, Refresh, AutoAwesome } from '@mui/icons-material';
import Close from '@mui/icons-material/Close';
import ZoomIn from '@mui/icons-material/ZoomIn';
import Refresh from '@mui/icons-material/Refresh';
import AutoAwesome from '@mui/icons-material/AutoAwesome';
import { PlanDetailsCard } from './PlanDetailsCard';
import { OperationButton } from '../../shared/OperationButton';

10
frontend/src/components/YouTubeCreator/components/CombinedSceneOverview.tsx
View File

@@ -18,7 +18,15 @@ import {
IconButton,
Alert,
} from '@mui/material';
import { HelpOutline, Timeline, BarChart, AccessTime, Movie, Info, Image as ImageIcon, VolumeUp, CheckCircle } from '@mui/icons-material';
import HelpOutline from '@mui/icons-material/HelpOutline';
import Timeline from '@mui/icons-material/Timeline';
import BarChart from '@mui/icons-material/BarChart';
import AccessTime from '@mui/icons-material/AccessTime';
import Movie from '@mui/icons-material/Movie';
import Info from '@mui/icons-material/Info';
import ImageIcon from '@mui/icons-material/Image';
import VolumeUp from '@mui/icons-material/VolumeUp';
import CheckCircle from '@mui/icons-material/CheckCircle';
import { Scene } from '../../../services/youtubeApi';
import { getSceneIcon, getSceneColor, getSceneTypeLabel, formatDuration } from '../utils/sceneHelpers';

7
frontend/src/components/YouTubeCreator/components/PlanStep.tsx
View File

@@ -19,7 +19,12 @@ import {
Grid,
Button,
} from '@mui/material';
import { PlayArrow, CloudUpload, AutoAwesome, Delete, InfoOutlined, Collections } from '@mui/icons-material';
import PlayArrow from '@mui/icons-material/PlayArrow';
import CloudUpload from '@mui/icons-material/CloudUpload';
import AutoAwesome from '@mui/icons-material/AutoAwesome';
import Delete from '@mui/icons-material/Delete';
import InfoOutlined from '@mui/icons-material/InfoOutlined';
import Collections from '@mui/icons-material/Collections';
import { motion } from 'framer-motion';
import {
inputSx,

3
frontend/src/components/YouTubeCreator/components/RenderStatusDisplay.tsx
View File

@@ -13,7 +13,8 @@ import {
LinearProgress,
Button,
} from '@mui/material';
import { Download, Refresh } from '@mui/icons-material';
import Download from '@mui/icons-material/Download';
import Refresh from '@mui/icons-material/Refresh';
import { TaskStatus } from '../../../services/youtubeApi';
interface RenderStatusDisplayProps {

8
frontend/src/components/YouTubeCreator/components/RenderStep.tsx
View File

@@ -18,7 +18,13 @@ import {
IconButton,
Tooltip,
} from '@mui/material';
import { PlayArrow, CheckCircle, Warning, ArrowBack, Visibility, Image as ImageIcon, VolumeUp } from '@mui/icons-material';
import PlayArrow from '@mui/icons-material/PlayArrow';
import CheckCircle from '@mui/icons-material/CheckCircle';
import Warning from '@mui/icons-material/Warning';
import ArrowBack from '@mui/icons-material/ArrowBack';
import Visibility from '@mui/icons-material/Visibility';
import ImageIcon from '@mui/icons-material/Image';
import VolumeUp from '@mui/icons-material/VolumeUp';
import { motion } from 'framer-motion';
import { TaskStatus, CostEstimate, VideoPlan, Scene } from '../../../services/youtubeApi';
import { YT_BORDER, type Resolution } from '../constants';

3
frontend/src/components/YouTubeCreator/components/SceneCard/GenerationButtons.tsx
View File

@@ -6,7 +6,8 @@ import {
LinearProgress,
CircularProgress,
} from '@mui/material';
import { Image as ImageIcon, VolumeUp } from '@mui/icons-material';
import ImageIcon from '@mui/icons-material/Image';
import VolumeUp from '@mui/icons-material/VolumeUp';
import { Scene } from '../../../../services/youtubeApi';
import { AudioGenerationSettings } from '../../../../components/shared/AudioSettingsModal';
import { YouTubeImageGenerationSettings } from '../../shared/YouTubeImageGenerationModal';

2
frontend/src/components/YouTubeCreator/components/SceneCard/InfoAlert.tsx
View File

@@ -3,7 +3,7 @@ import {
Alert,
Typography,
} from '@mui/material';
import { Info } from '@mui/icons-material';
import Info from '@mui/icons-material/Info';
import { Scene } from '../../../../services/youtubeApi';
interface InfoAlertProps {

7
frontend/src/components/YouTubeCreator/components/SceneCard/SceneContent.tsx
View File

@@ -8,7 +8,12 @@ import {
IconButton,
CircularProgress,
} from '@mui/material';
import { RecordVoiceOver, Videocam, AutoAwesome, Image as ImageIcon, VolumeUp, HelpOutline } from '@mui/icons-material';
import RecordVoiceOver from '@mui/icons-material/RecordVoiceOver';
import Videocam from '@mui/icons-material/Videocam';
import AutoAwesome from '@mui/icons-material/AutoAwesome';
import ImageIcon from '@mui/icons-material/Image';
import VolumeUp from '@mui/icons-material/VolumeUp';
import HelpOutline from '@mui/icons-material/HelpOutline';
import { Scene } from '../../../../services/youtubeApi';
interface SceneContentProps {

3
frontend/src/components/YouTubeCreator/components/SceneCard/SceneEditForm.tsx
View File

@@ -5,7 +5,8 @@ import {
Button,
Box,
} from '@mui/material';
import { Check, Close } from '@mui/icons-material';
import Check from '@mui/icons-material/Check';
import Close from '@mui/icons-material/Close';
import { Scene } from '../../../../services/youtubeApi';
import { inputSx, labelSx } from '../../styles';

3
frontend/src/components/YouTubeCreator/components/SceneCard/SceneHeader.tsx
View File

@@ -9,7 +9,8 @@ import {
IconButton,
Tooltip,
} from '@mui/material';
import { Edit, HelpOutline } from '@mui/icons-material';
import Edit from '@mui/icons-material/Edit';
import HelpOutline from '@mui/icons-material/HelpOutline';
import { Scene } from '../../../../services/youtubeApi';
// Helper functions

5
frontend/src/components/YouTubeCreator/components/SceneGenerationStep.tsx
View File

@@ -13,7 +13,10 @@ import {
Box,
Alert,
} from '@mui/material';
import { ArrowForward, ArrowBack, CheckCircle, Warning } from '@mui/icons-material';
import ArrowForward from '@mui/icons-material/ArrowForward';
import ArrowBack from '@mui/icons-material/ArrowBack';
import CheckCircle from '@mui/icons-material/CheckCircle';
import Warning from '@mui/icons-material/Warning';
import { motion } from 'framer-motion';
import { Scene, VideoPlan } from '../../../services/youtubeApi';
import { YT_BG, YT_BORDER, YT_TEXT } from '../constants';

4
frontend/src/components/YouTubeCreator/components/SceneStatisticsCard.tsx
View File

@@ -15,7 +15,9 @@ import {
Chip,
Divider,
} from '@mui/material';
import { AccessTime, Movie, Timeline } from '@mui/icons-material';
import AccessTime from '@mui/icons-material/AccessTime';
import Movie from '@mui/icons-material/Movie';
import Timeline from '@mui/icons-material/Timeline';
import { Scene } from '../../../services/youtubeApi';
interface SceneStatisticsCardProps {

2
frontend/src/components/YouTubeCreator/components/SceneTimeline.tsx
View File

@@ -15,7 +15,7 @@ import {
Chip,
Tooltip,
} from '@mui/material';
import { AccessTime } from '@mui/icons-material';
import AccessTime from '@mui/icons-material/AccessTime';
import { Scene } from '../../../services/youtubeApi';
import { getSceneIcon, getSceneColor, getSceneTypeLabel, formatDuration } from '../utils/sceneHelpers';

3
frontend/src/components/YouTubeCreator/components/ScenesStep.tsx
View File

@@ -9,7 +9,8 @@ import {
Button,
Box,
} from '@mui/material';
import { PlayArrow, VideoLibrary } from '@mui/icons-material';
import PlayArrow from '@mui/icons-material/PlayArrow';
import VideoLibrary from '@mui/icons-material/VideoLibrary';
import { motion } from 'framer-motion';
import { VideoPlan, Scene } from '../../../services/youtubeApi';
import { PlanDetails } from './PlanDetails';

2
frontend/src/components/YouTubeCreator/components/SelectWithCustom.tsx
View File

@@ -18,7 +18,7 @@ import {
Tooltip,
IconButton,
} from '@mui/material';
import { InfoOutlined } from '@mui/icons-material';
import InfoOutlined from '@mui/icons-material/InfoOutlined';
import { selectSx, labelSx, helperSx, inputSx, selectMenuProps } from '../styles';
export interface SelectOption {

5
frontend/src/components/YouTubeCreator/components/VideoRenderQueue.tsx
View File

@@ -1,6 +1,9 @@
import React, { useMemo } from 'react';
import { Box, Paper, Stack, Typography, Button, LinearProgress, Alert, Chip } from '@mui/material';
import { PlayArrow, VideoLibrary, CheckCircle, ErrorOutline } from '@mui/icons-material';
import PlayArrow from '@mui/icons-material/PlayArrow';
import VideoLibrary from '@mui/icons-material/VideoLibrary';
import CheckCircle from '@mui/icons-material/CheckCircle';
import ErrorOutline from '@mui/icons-material/ErrorOutline';
import { Scene, VideoPlan } from '../../../services/youtubeApi';
import { useVideoRenderQueue, SceneVideoJob } from '../hooks/useVideoRenderQueue';

5
frontend/src/components/YouTubeCreator/utils/sceneHelpers.tsx
View File

@@ -5,7 +5,10 @@
*/
import React from 'react';
import { Movie, CallMade, Shuffle, PlayArrow } from '@mui/icons-material';
import Movie from '@mui/icons-material/Movie';
import CallMade from '@mui/icons-material/CallMade';
import Shuffle from '@mui/icons-material/Shuffle';
import PlayArrow from '@mui/icons-material/PlayArrow';
/**
* Get icon component for scene emphasis type