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

fix(01-code-splitting): convert PodcastMaker AnalysisPanel MUI icons

Browse Source 
- Converted barrel imports to individual imports across 18 AnalysisPanel files
- AnalysisPanel.tsx (12 icons), AnalysisTabNav.tsx (9 icons)
This commit is contained in:
ajaysi
2026-05-08 12:07:07 +05:30
parent 45bd1eada9
commit ebdd1edfa0
18 changed files with 58 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/PodcastMaker/AnalysisPanel.tsx
View File

@@ -1,9 +1,19 @@
import React, { useState, useEffect } from "react";
import { Stack, Box, Typography, Divider, Chip, alpha, Button, IconButton, Popover, TextField, Tooltip } from "@mui/material";
import { Psychology as PsychologyIcon, Person as PersonIcon, Edit as EditIcon, Save as SaveIcon, Close as CloseIcon, Input as InputIcon, Groups as GroupsIcon, ListAlt as ListAltIcon, Lightbulb as TipsIcon, Article as ArticleIcon, AutoFixHigh as BibleIcon } from "@mui/icons-material";
import PsychologyIcon from "@mui/icons-material/Psychology";
import PersonIcon from "@mui/icons-material/Person";
import EditIcon from "@mui/icons-material/Edit";
import SaveIcon from "@mui/icons-material/Save";
import CloseIcon from "@mui/icons-material/Close";
import InputIcon from "@mui/icons-material/Input";
import GroupsIcon from "@mui/icons-material/Groups";
import ListAltIcon from "@mui/icons-material/ListAlt";
import TipsIcon from "@mui/icons-material/Lightbulb";
import ArticleIcon from "@mui/icons-material/Article";
import BibleIcon from "@mui/icons-material/AutoFixHigh";
import RefreshIcon from "@mui/icons-material/Refresh";
import { PodcastAnalysis, PodcastEstimate, PodcastBible } from "./types";
import { GlassyCard, glassyCardSx, SecondaryButton } from "./ui";
import { Refresh as RefreshIcon } from "@mui/icons-material";
import { aiApiClient } from "../../api/client";
import { InputsTab, AudienceTab, OutlineTab, EpisodeDetailsTab, TakeawaysTab, GuestTab } from "./AnalysisPanel/tabs";

7
frontend/src/components/PodcastMaker/AnalysisPanel/AnalysisPanelLayout.tsx
View File

@@ -1,6 +1,11 @@
import React from "react";
import { Box, Stack, Typography, Chip, Button, Divider } from "@mui/material";
import { Psychology as PsychologyIcon, Refresh as RefreshIcon, Edit as EditIcon, Save as SaveIcon, Close as CloseIcon, Mic as MicIcon } from "@mui/icons-material";
import PsychologyIcon from "@mui/icons-material/Psychology";
import RefreshIcon from "@mui/icons-material/Refresh";
import EditIcon from "@mui/icons-material/Edit";
import SaveIcon from "@mui/icons-material/Save";
import CloseIcon from "@mui/icons-material/Close";
import MicIcon from "@mui/icons-material/Mic";
import { GlassyCard, glassyCardSx, SecondaryButton } from "../ui";
import { useAnalysisPanel, TabId } from "./AnalysisPanelContext";
import { PodcastEstimate } from "../types";

10
frontend/src/components/PodcastMaker/AnalysisPanel/AnalysisTabNav.tsx
View File

@@ -1,6 +1,14 @@
import React from "react";
import { Stack, Button, Typography, Box } from "@mui/material";
import { Input as InputIcon, Groups as GroupsIcon, ListAlt as ListAltIcon, EditNote as EditNoteIcon, Search as SearchIcon, AutoAwesome as AutoAwesomeIcon, Lightbulb as TipsIcon, Quiz as TalkIcon, RecordVoiceOver as VoiceIcon } from "@mui/icons-material";
import InputIcon from "@mui/icons-material/Input";
import GroupsIcon from "@mui/icons-material/Groups";
import ListAltIcon from "@mui/icons-material/ListAlt";
import EditNoteIcon from "@mui/icons-material/EditNote";
import SearchIcon from "@mui/icons-material/Search";
import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
import TipsIcon from "@mui/icons-material/Lightbulb";
import TalkIcon from "@mui/icons-material/Quiz";
import VoiceIcon from "@mui/icons-material/RecordVoiceOver";
export type TabId = "inputs" | "audience" | "content" | "outline" | "titles" | "research" | "hook" | "takeaways" | "guest" | "cta";

3
frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelAudienceTab.tsx
View File

@@ -1,6 +1,7 @@
import React from "react";
import { Stack, Box, Typography, Chip, TextField, Divider } from "@mui/material";
import { Groups as GroupsIcon, Search as SearchIcon } from "@mui/icons-material";
import GroupsIcon from "@mui/icons-material/Groups";
import SearchIcon from "@mui/icons-material/Search";
import { useAnalysisPanel } from "../AnalysisPanelContext";
const inputStyles = {

5
frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelDetailsTab.tsx
View File

@@ -1,6 +1,9 @@
import React from "react";
import { Stack, Box, Typography, Chip, TextField, IconButton, Paper, Divider } from "@mui/material";
import { EditNote as EditNoteIcon, Add as AddIcon, AutoAwesome as AutoAwesomeIcon, CallToAction as CTAIcon } from "@mui/icons-material";
import EditNoteIcon from "@mui/icons-material/EditNote";
import AddIcon from "@mui/icons-material/Add";
import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
import CTAIcon from "@mui/icons-material/CallToAction";
import { useAnalysisPanel } from "../AnalysisPanelContext";
const inputStyles = {

2
frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelGuestTab.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
import { Quiz as TalkIcon } from "@mui/icons-material";
import TalkIcon from "@mui/icons-material/Quiz";
import { useAnalysisPanel } from "../AnalysisPanelContext";
export const AnalysisPanelGuestTab: React.FC = () => {

3
frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelInputsTab.tsx
View File

@@ -1,6 +1,7 @@
import React from "react";
import { Box, Stack, Typography, Chip, Paper, alpha } from "@mui/material";
import { Input as InputIcon, Mic as MicIcon } from "@mui/icons-material";
import InputIcon from "@mui/icons-material/Input";
import MicIcon from "@mui/icons-material/Mic";
import { useAnalysisPanel } from "../AnalysisPanelContext";
interface AnalysisTabContentProps {

2
frontend/src/components/PodcastMaker/AnalysisPanel/parts/AnalysisPanelTakeawaysTab.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
import { Lightbulb as TipsIcon } from "@mui/icons-material";
import TipsIcon from "@mui/icons-material/Lightbulb";
import { useAnalysisPanel } from "../AnalysisPanelContext";
export const AnalysisPanelTakeawaysTab: React.FC = () => {

6
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/AudienceTab.tsx
View File

@@ -1,6 +1,10 @@
import React from "react";
import { Stack, Box, Typography, Chip, TextField, IconButton, Paper, Divider } from "@mui/material";
import { Groups as GroupsIcon, Insights as InsightsIcon, Search as SearchIcon, EditNote as EditNoteIcon, Add as AddIcon } from "@mui/icons-material";
import GroupsIcon from "@mui/icons-material/Groups";
import InsightsIcon from "@mui/icons-material/Insights";
import SearchIcon from "@mui/icons-material/Search";
import EditNoteIcon from "@mui/icons-material/EditNote";
import AddIcon from "@mui/icons-material/Add";
import { PodcastAnalysis } from "../../types";
import { AnalysisTabContent } from "../AnalysisTabNav";

2
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/CTATab.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { Box, Typography, Paper } from "@mui/material";
import { Psychology as PsychologyIcon } from "@mui/icons-material";
import PsychologyIcon from "@mui/icons-material/Psychology";
import { PodcastAnalysis } from "../../types";
import { AnalysisTabContent } from "../AnalysisTabNav";

6
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/EpisodeDetailsTab.tsx
View File

@@ -1,6 +1,10 @@
import React from "react";
import { Stack, Box, Typography, Chip, TextField, IconButton, Paper, Divider } from "@mui/material";
import { EditNote as EditNoteIcon, Add as AddIcon, AutoAwesome as AutoAwesomeIcon, CallToAction as CTAIcon, Edit as EditIcon } from "@mui/icons-material";
import EditNoteIcon from "@mui/icons-material/EditNote";
import AddIcon from "@mui/icons-material/Add";
import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
import CTAIcon from "@mui/icons-material/CallToAction";
import EditIcon from "@mui/icons-material/Edit";
import { PodcastAnalysis } from "../../types";
import { AnalysisTabContent } from "../AnalysisTabNav";

2
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/GuestTab.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
import { Quiz as TalkIcon } from "@mui/icons-material";
import TalkIcon from "@mui/icons-material/Quiz";
import { PodcastAnalysis } from "../../types";
import { AnalysisTabContent } from "../AnalysisTabNav";
import { TextToSpeechButton } from "../../../shared/TextToSpeechButton";

2
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/HookTab.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { Box, Typography, Paper } from "@mui/material";
import { AutoAwesome as AutoAwesomeIcon } from "@mui/icons-material";
import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
import { PodcastAnalysis } from "../../types";
import { AnalysisTabContent } from "../AnalysisTabNav";

4
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/InputsTab.tsx
View File

@@ -1,6 +1,8 @@
import React from "react";
import { Box, Stack, Typography, Chip, Paper, CircularProgress, alpha } from "@mui/material";
import { Input as InputIcon, Person as PersonIcon, AutoAwesome as AutoAwesomeIcon } from "@mui/icons-material";
import InputIcon from "@mui/icons-material/Input";
import PersonIcon from "@mui/icons-material/Person";
import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
import { AnalysisTabContent } from "../AnalysisTabNav";
interface InputsTabProps {

2
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/OutlineTab.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { Stack, Box, Typography, Chip } from "@mui/material";
import { ListAlt as ListAltIcon } from "@mui/icons-material";
import ListAltIcon from "@mui/icons-material/ListAlt";
import { PodcastAnalysis } from "../../types";
import { AnalysisTabContent } from "../AnalysisTabNav";
import { TextToSpeechButton } from "../../../shared/TextToSpeechButton";

2
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/ResearchTab.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
import { Search as SearchIcon } from "@mui/icons-material";
import SearchIcon from "@mui/icons-material/Search";
import { PodcastAnalysis } from "../../types";
import { AnalysisTabContent } from "../AnalysisTabNav";

2
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/TakeawaysTab.tsx
View File

@@ -1,6 +1,6 @@
import React from "react";
import { Stack, Box, Typography, Chip, Paper } from "@mui/material";
import { Lightbulb as TipsIcon } from "@mui/icons-material";
import TipsIcon from "@mui/icons-material/Lightbulb";
import { PodcastAnalysis } from "../../types";
import { AnalysisTabContent } from "../AnalysisTabNav";
import { TextToSpeechButton } from "../../../shared/TextToSpeechButton";

3
frontend/src/components/PodcastMaker/AnalysisPanel/tabs/TitlesTab.tsx
View File

@@ -1,6 +1,7 @@
import React from "react";
import { Stack, Box, Typography, Chip, TextField, IconButton } from "@mui/material";
import { EditNote as EditNoteIcon, Add as AddIcon } from "@mui/icons-material";
import EditNoteIcon from "@mui/icons-material/EditNote";
import AddIcon from "@mui/icons-material/Add";
import { PodcastAnalysis } from "../../types";
import { AnalysisTabContent } from "../AnalysisTabNav";