diff --git a/frontend/src/components/ImageStudio/AssetLibraryComponents/AssetFilters.tsx b/frontend/src/components/ImageStudio/AssetLibraryComponents/AssetFilters.tsx index ba95124d..840f79e9 100644 --- a/frontend/src/components/ImageStudio/AssetLibraryComponents/AssetFilters.tsx +++ b/frontend/src/components/ImageStudio/AssetLibraryComponents/AssetFilters.tsx @@ -8,7 +8,8 @@ import { Select, MenuItem, } from '@mui/material'; -import { Search, CalendarToday } from '@mui/icons-material'; +import Search from '@mui/icons-material/Search'; +import CalendarToday from '@mui/icons-material/CalendarToday'; interface AssetFiltersProps { idSearch: string; diff --git a/frontend/src/components/ImageStudio/CreateStudioCostAlerts.tsx b/frontend/src/components/ImageStudio/CreateStudioCostAlerts.tsx index 238fcbe2..cbee0e66 100644 --- a/frontend/src/components/ImageStudio/CreateStudioCostAlerts.tsx +++ b/frontend/src/components/ImageStudio/CreateStudioCostAlerts.tsx @@ -12,7 +12,9 @@ import Priority2AlertBanner from '../shared/Priority2AlertBanner'; import { useSubscription } from '../../contexts/SubscriptionContext'; import { checkPreflight, PreflightOperation } from '../../services/billingService'; import { showToastNotification } from '../../utils/toastNotifications'; -import { AttachMoney, Lightbulb, TrendingUp } from '@mui/icons-material'; +import AttachMoney from '@mui/icons-material/AttachMoney'; +import Lightbulb from '@mui/icons-material/Lightbulb'; +import TrendingUp from '@mui/icons-material/TrendingUp'; interface CreateStudioCostAlertsProps { userId?: string; diff --git a/frontend/src/components/Landing/EnterpriseCTA.tsx b/frontend/src/components/Landing/EnterpriseCTA.tsx index 7f00da53..57a71af2 100644 --- a/frontend/src/components/Landing/EnterpriseCTA.tsx +++ b/frontend/src/components/Landing/EnterpriseCTA.tsx @@ -11,7 +11,7 @@ import { } from '@mui/material'; import OptimizedImage from './OptimizedImage'; import { useClerk } from '@clerk/clerk-react'; -import { RocketLaunch } from '@mui/icons-material'; +import RocketLaunch from '@mui/icons-material/RocketLaunch'; import { motion } from 'framer-motion'; import { ScrambleText } from '../ScrambleText'; diff --git a/frontend/src/components/Landing/FeatureShowcase.tsx b/frontend/src/components/Landing/FeatureShowcase.tsx index 2f98a494..9c96a686 100644 --- a/frontend/src/components/Landing/FeatureShowcase.tsx +++ b/frontend/src/components/Landing/FeatureShowcase.tsx @@ -1,6 +1,13 @@ import React, { useState } from 'react'; import { Box, Container, Typography, Stack, IconButton, useTheme, alpha } from '@mui/material'; -import { ArrowBack, ArrowForward, Psychology, Search, FactCheck, Edit, Assistant, Verified } from '@mui/icons-material'; +import ArrowBack from '@mui/icons-material/ArrowBack'; +import ArrowForward from '@mui/icons-material/ArrowForward'; +import Psychology from '@mui/icons-material/Psychology'; +import Search from '@mui/icons-material/Search'; +import FactCheck from '@mui/icons-material/FactCheck'; +import Edit from '@mui/icons-material/Edit'; +import Assistant from '@mui/icons-material/Assistant'; +import Verified from '@mui/icons-material/Verified'; import { motion, AnimatePresence } from 'framer-motion'; interface Feature { diff --git a/frontend/src/components/LinkedInWriter/components/FactCheckResults.tsx b/frontend/src/components/LinkedInWriter/components/FactCheckResults.tsx index 4e249c4e..25acbe79 100644 --- a/frontend/src/components/LinkedInWriter/components/FactCheckResults.tsx +++ b/frontend/src/components/LinkedInWriter/components/FactCheckResults.tsx @@ -1,6 +1,10 @@ import React from 'react'; import { Box, Typography, Chip, Button, Collapse, Link } from '@mui/material'; -import { ExpandMore, ExpandLess, CheckCircle, Cancel, Help } from '@mui/icons-material'; +import ExpandMore from '@mui/icons-material/ExpandMore'; +import ExpandLess from '@mui/icons-material/ExpandLess'; +import CheckCircle from '@mui/icons-material/CheckCircle'; +import Cancel from '@mui/icons-material/Cancel'; +import Help from '@mui/icons-material/Help'; interface SourceDocument { title: string; diff --git a/frontend/src/components/MainDashboard/MainDashboard.tsx b/frontend/src/components/MainDashboard/MainDashboard.tsx index eb9cbb0f..c955eaec 100644 --- a/frontend/src/components/MainDashboard/MainDashboard.tsx +++ b/frontend/src/components/MainDashboard/MainDashboard.tsx @@ -6,7 +6,7 @@ import { Snackbar, useTheme } from '@mui/material'; -import { Lightbulb } from '@mui/icons-material'; +import Lightbulb from '@mui/icons-material/Lightbulb'; import { motion, AnimatePresence } from 'framer-motion'; import { useNavigate } from 'react-router-dom'; import { useAuth } from '@clerk/clerk-react'; diff --git a/frontend/src/components/OnboardingWizard/ApiKeyStep.tsx b/frontend/src/components/OnboardingWizard/ApiKeyStep.tsx index 9a709955..2fa43db7 100644 --- a/frontend/src/components/OnboardingWizard/ApiKeyStep.tsx +++ b/frontend/src/components/OnboardingWizard/ApiKeyStep.tsx @@ -8,7 +8,7 @@ import { Grid, Snackbar, } from '@mui/material'; -import { Lock } from '@mui/icons-material'; +import Lock from '@mui/icons-material/Lock'; import OnboardingButton from './common/OnboardingButton'; import { HelpSection, diff --git a/frontend/src/components/OnboardingWizard/BusinessDescriptionStep.tsx b/frontend/src/components/OnboardingWizard/BusinessDescriptionStep.tsx index 68f1ea02..c0fef3d3 100644 --- a/frontend/src/components/OnboardingWizard/BusinessDescriptionStep.tsx +++ b/frontend/src/components/OnboardingWizard/BusinessDescriptionStep.tsx @@ -1,6 +1,8 @@ import React, { useState, useEffect } from 'react'; import { Box, Button, TextField, Typography, Card, CardContent, CircularProgress, Alert, MenuItem, Divider } from '@mui/material'; -import { ArrowBack as ArrowBackIcon, Save as SaveIcon, CheckCircle as CheckCircleIcon } from '@mui/icons-material'; +import ArrowBackIcon from '@mui/icons-material/ArrowBack'; +import SaveIcon from '@mui/icons-material/Save'; +import CheckCircleIcon from '@mui/icons-material/CheckCircle'; import { businessInfoApi, BusinessInfo } from '../../api/businessInfo'; import { onboardingCache } from '../../services/onboardingCache'; diff --git a/frontend/src/components/OnboardingWizard/IntroStep.tsx b/frontend/src/components/OnboardingWizard/IntroStep.tsx index 39b3f5d2..3dbf7d44 100644 --- a/frontend/src/components/OnboardingWizard/IntroStep.tsx +++ b/frontend/src/components/OnboardingWizard/IntroStep.tsx @@ -1,6 +1,7 @@ import React, { useEffect, useState } from 'react'; import { Box, Container, Typography, Grid, IconButton, Chip, Button } from '@mui/material'; -import { ArrowBack, ArrowForward } from '@mui/icons-material'; +import ArrowBack from '@mui/icons-material/ArrowBack'; +import ArrowForward from '@mui/icons-material/ArrowForward'; import { motion, AnimatePresence } from 'framer-motion'; import step1Img from '../../assets/onboarding/step1.png'; import step2Img from '../../assets/onboarding/step2.png'; diff --git a/frontend/src/components/OnboardingWizard/PersonaStep/PersonaLoadingState.tsx b/frontend/src/components/OnboardingWizard/PersonaStep/PersonaLoadingState.tsx index 678ed61b..80bc3721 100644 --- a/frontend/src/components/OnboardingWizard/PersonaStep/PersonaLoadingState.tsx +++ b/frontend/src/components/OnboardingWizard/PersonaStep/PersonaLoadingState.tsx @@ -9,7 +9,7 @@ import { LinearProgress, Fade } from '@mui/material'; -import { Psychology as PsychologyIcon } from '@mui/icons-material'; +import PsychologyIcon from '@mui/icons-material/Psychology'; import { PersonaGenerationProgress } from './PersonaGenerationProgress'; import { type GenerationStep } from './PersonaGenerationProgress'; diff --git a/frontend/src/components/OnboardingWizard/PersonalizationStep/components/TestPersonaModal.tsx b/frontend/src/components/OnboardingWizard/PersonalizationStep/components/TestPersonaModal.tsx index 57d932e5..15a9ac95 100644 --- a/frontend/src/components/OnboardingWizard/PersonalizationStep/components/TestPersonaModal.tsx +++ b/frontend/src/components/OnboardingWizard/PersonalizationStep/components/TestPersonaModal.tsx @@ -11,7 +11,15 @@ import { createAvatarVideoAsync } from '../../../../api/videoStudioApi'; import { useVideoGenerationPolling } from '../../../../hooks/usePolling'; import { fetchMediaBlobUrl } from '../../../../utils/fetchMediaBlobUrl'; import { getAuthTokenGetter, getApiUrl } from '../../../../api/client'; -import { VideoCameraFront, SkipNext, PlayArrow, InfoOutlined, Close as CloseIcon, HelpOutline, Refresh, RestartAlt, Undo } from '@mui/icons-material'; +import VideoCameraFront from '@mui/icons-material/VideoCameraFront'; +import SkipNext from '@mui/icons-material/SkipNext'; +import PlayArrow from '@mui/icons-material/PlayArrow'; +import InfoOutlined from '@mui/icons-material/InfoOutlined'; +import CloseIcon from '@mui/icons-material/Close'; +import HelpOutline from '@mui/icons-material/HelpOutline'; +import Refresh from '@mui/icons-material/Refresh'; +import RestartAlt from '@mui/icons-material/RestartAlt'; +import Undo from '@mui/icons-material/Undo'; import { VideoGenerationLoader } from '../../../shared/VideoGenerationLoader'; import { OperationButton } from '../../../shared/OperationButton'; diff --git a/frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx b/frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx index 8b33a7e7..6c6d08da 100644 --- a/frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx +++ b/frontend/src/components/OnboardingWizard/PersonalizationStep/components/VoiceAvatarPlaceholder.tsx @@ -1,7 +1,28 @@ import React, { useMemo, useRef, useState, useEffect, useCallback } from 'react'; import { Box, Typography, Paper, Stack, Button, Alert, TextField, CircularProgress, Slider, FormControlLabel, Checkbox, MenuItem, Tooltip, Chip, Divider, Grid, IconButton, Modal, Fade, Backdrop, LinearProgress } from '@mui/material'; import { keyframes } from '@mui/system'; -import { Mic, GraphicEq, Timer, CloudUpload, Stop, PlayArrow, InfoOutlined, TextFields, HelpOutline, AutoAwesome, Campaign, MicNone, Podcasts, RestartAlt, Undo, Headphones, Article, VideoLibrary, TrendingUp, CheckCircle, RecordVoiceOver, Settings } from '@mui/icons-material'; +import Mic from '@mui/icons-material/Mic'; +import GraphicEq from '@mui/icons-material/GraphicEq'; +import Timer from '@mui/icons-material/Timer'; +import CloudUpload from '@mui/icons-material/CloudUpload'; +import Stop from '@mui/icons-material/Stop'; +import PlayArrow from '@mui/icons-material/PlayArrow'; +import InfoOutlined from '@mui/icons-material/InfoOutlined'; +import TextFields from '@mui/icons-material/TextFields'; +import HelpOutline from '@mui/icons-material/HelpOutline'; +import AutoAwesome from '@mui/icons-material/AutoAwesome'; +import Campaign from '@mui/icons-material/Campaign'; +import MicNone from '@mui/icons-material/MicNone'; +import Podcasts from '@mui/icons-material/Podcasts'; +import RestartAlt from '@mui/icons-material/RestartAlt'; +import Undo from '@mui/icons-material/Undo'; +import Headphones from '@mui/icons-material/Headphones'; +import Article from '@mui/icons-material/Article'; +import VideoLibrary from '@mui/icons-material/VideoLibrary'; +import TrendingUp from '@mui/icons-material/TrendingUp'; +import CheckCircle from '@mui/icons-material/CheckCircle'; +import RecordVoiceOver from '@mui/icons-material/RecordVoiceOver'; +import Settings from '@mui/icons-material/Settings'; import { createVoiceClone, createVoiceDesign, getLatestVoiceClone, setBrandVoice } from '../../../../api/brandAssets'; import { setCachedVoiceCloneInfo } from '../../../../services/podcastApi'; import { getAuthTokenGetter, getApiUrl } from '../../../../api/client'; diff --git a/frontend/src/components/OnboardingWizard/common/BenefitsSummary.tsx b/frontend/src/components/OnboardingWizard/common/BenefitsSummary.tsx index 704f5450..74ef70ca 100644 --- a/frontend/src/components/OnboardingWizard/common/BenefitsSummary.tsx +++ b/frontend/src/components/OnboardingWizard/common/BenefitsSummary.tsx @@ -1,6 +1,8 @@ import React from 'react'; import { Paper, Typography, Grid, Stack, Box } from '@mui/material'; -import { AutoAwesome as AutoAwesomeIcon, TrendingUp as TrendingUpIcon, ContentPaste as ContentPasteIcon } from '@mui/icons-material'; +import AutoAwesomeIcon from '@mui/icons-material/AutoAwesome'; +import TrendingUpIcon from '@mui/icons-material/TrendingUp'; +import ContentPasteIcon from '@mui/icons-material/ContentPaste'; const BenefitsSummary: React.FC = () => { return ( diff --git a/frontend/src/components/OnboardingWizard/common/PlatformCard.tsx b/frontend/src/components/OnboardingWizard/common/PlatformCard.tsx index b85721e2..9b0d1b87 100644 --- a/frontend/src/components/OnboardingWizard/common/PlatformCard.tsx +++ b/frontend/src/components/OnboardingWizard/common/PlatformCard.tsx @@ -1,6 +1,9 @@ import React from 'react'; import { Card, CardContent, Stack, Box, Typography, Chip, Button, CircularProgress } from '@mui/material'; -import { CheckCircle as CheckIcon, Launch as LaunchIcon, Schedule as ScheduleIcon, Error as ErrorIcon } from '@mui/icons-material'; +import CheckIcon from '@mui/icons-material/CheckCircle'; +import LaunchIcon from '@mui/icons-material/Launch'; +import ScheduleIcon from '@mui/icons-material/Schedule'; +import ErrorIcon from '@mui/icons-material/Error'; export interface PlatformCardProps { id: string;