Remove unused components and models for improved maintainability
- Deleted redundant components (`AddActionButton`, `AlertBox`, `AlertStack`, `BackButton`, `CancelButton`, and `CollapsableArea`) and related files. - Removed unused models (`Book`, `BookSerie`, `BookTables`, `Character`, and `Chapter`) to reduce codebase clutter. - Updated project structure and references to reflect these removals.
This commit is contained in:
natreex
@@ -1,85 +1,68 @@
|
||||
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
|
||||
import {faBookMedical, faBookOpen, faFeather, faFileImport, faLayerGroup} from "@fortawesome/free-solid-svg-icons";
|
||||
import {BookHeart, BookOpen, Feather, FileInput, Layers, X} from "lucide-react";
|
||||
import React, {useContext, useEffect, useState} from "react";
|
||||
import {BookContext} from "@/context/BookContext";
|
||||
import {BookContext, BookContextProps} from "@/context/BookContext";
|
||||
import ScribeChapterComponent from "@/components/leftbar/ScribeChapterComponent";
|
||||
import PanelHeader from "@/components/PanelHeader";
|
||||
import {PanelComponent} from "@/lib/models/Editor";
|
||||
import SectionHeader from "@/components/ui/SectionHeader";
|
||||
import IconButton from "@/components/ui/IconButton";
|
||||
import {PanelComponent} from "@/lib/types/editor";
|
||||
import AddNewBookForm from "@/components/book/AddNewBookForm";
|
||||
import AddNewSeriesForm from "@/components/series/AddNewSeriesForm";
|
||||
import ShortStoryGenerator from "@/components/ShortStoryGenerator";
|
||||
import ImportBookForm from "@/components/book/ImportBookForm";
|
||||
import {SessionContext} from "@/context/SessionContext";
|
||||
import {useTranslations} from "next-intl";
|
||||
import OfflineContext from "@/context/OfflineContext";
|
||||
import {SessionContext, SessionContextProps} from "@/context/SessionContext";
|
||||
import {useTranslations} from '@/lib/i18n';
|
||||
import InsetPanel from "@/components/ui/InsetPanel";
|
||||
|
||||
export default function ScribeLeftBar() {
|
||||
const {book} = useContext(BookContext);
|
||||
const {session} = useContext(SessionContext);
|
||||
const {book}: BookContextProps = useContext<BookContextProps>(BookContext);
|
||||
const {session}: SessionContextProps = useContext<SessionContextProps>(SessionContext);
|
||||
const t = useTranslations();
|
||||
|
||||
|
||||
const [panelHidden, setPanelHidden] = useState<boolean>(false);
|
||||
|
||||
const [currentPanel, setCurrentPanel] = useState<PanelComponent>();
|
||||
|
||||
const [showAddNewBook, setShowAddNewBook] = useState<boolean>(false);
|
||||
const [showAddNewSeries, setShowAddNewSeries] = useState<boolean>(false);
|
||||
const [showGenerateShortModal, setShowGenerateShortModal] = useState<boolean>(false)
|
||||
const [showImportBook, setShowImportBook] = useState<boolean>(false)
|
||||
const {isCurrentlyOffline} = useContext(OfflineContext)
|
||||
|
||||
|
||||
const editorComponents: PanelComponent[] = [
|
||||
{
|
||||
id: 1,
|
||||
title: t("scribeLeftBar.editorComponents.structure.title"),
|
||||
description: t("scribeLeftBar.editorComponents.structure.description"),
|
||||
badge: t("scribeLeftBar.editorComponents.structure.badge"),
|
||||
icon: faBookOpen
|
||||
icon: BookOpen
|
||||
}
|
||||
/*
|
||||
{
|
||||
id: 2,
|
||||
title: 'Ligne directive',
|
||||
icon: faBookmark,
|
||||
badge: 'LD',
|
||||
description: 'Ligne directrice pour ce chapitre.'
|
||||
}, {
|
||||
id: 3,
|
||||
title: 'Statistique',
|
||||
icon: faChartLine,
|
||||
badge: 'STATS',
|
||||
description: 'Vérification des verbes'
|
||||
}*/
|
||||
]
|
||||
|
||||
|
||||
const homeComponents: PanelComponent[] = [
|
||||
{
|
||||
id: 1,
|
||||
title: t("scribeLeftBar.homeComponents.addBook.title"),
|
||||
description: t("scribeLeftBar.homeComponents.addBook.description"),
|
||||
badge: t("scribeLeftBar.homeComponents.addBook.badge"),
|
||||
icon: faBookMedical
|
||||
icon: BookHeart
|
||||
}, {
|
||||
id: 2,
|
||||
title: t("scribeLeftBar.homeComponents.generateStory.title"),
|
||||
icon: faFeather,
|
||||
icon: Feather,
|
||||
badge: t("scribeLeftBar.homeComponents.generateStory.badge"),
|
||||
description: t("scribeLeftBar.homeComponents.generateStory.description")
|
||||
}, {
|
||||
id: 3,
|
||||
title: t("scribeLeftBar.homeComponents.addSeries.title"),
|
||||
icon: faLayerGroup,
|
||||
icon: Layers,
|
||||
badge: t("scribeLeftBar.homeComponents.addSeries.badge"),
|
||||
description: t("scribeLeftBar.homeComponents.addSeries.description")
|
||||
}, {
|
||||
id: 4,
|
||||
title: t("scribeLeftBar.homeComponents.importBook.title"),
|
||||
icon: faFileImport,
|
||||
icon: FileInput,
|
||||
badge: t("scribeLeftBar.homeComponents.importBook.badge"),
|
||||
description: t("scribeLeftBar.homeComponents.importBook.description")
|
||||
},
|
||||
]
|
||||
|
||||
|
||||
function togglePanel(component: PanelComponent): void {
|
||||
if (panelHidden) {
|
||||
if (currentPanel?.id === component.id) {
|
||||
@@ -91,71 +74,65 @@ export default function ScribeLeftBar() {
|
||||
}
|
||||
}
|
||||
|
||||
useEffect(():void => {
|
||||
if (!book){
|
||||
useEffect((): void => {
|
||||
if (!book) {
|
||||
setCurrentPanel(undefined);
|
||||
setPanelHidden(false);
|
||||
return;
|
||||
}
|
||||
}, [book]);
|
||||
|
||||
|
||||
return (
|
||||
<div id="left-panel-container" data-guide={"left-panel-container"} className="flex transition-all duration-300">
|
||||
<div className="bg-tertiary border-r border-secondary/50 p-3 flex flex-col space-y-3 shadow-xl">
|
||||
<div className="bg-tertiary p-1 flex flex-col space-y-2">
|
||||
{book ? editorComponents.map(component => (
|
||||
<button
|
||||
<IconButton
|
||||
key={component.id}
|
||||
icon={component.icon}
|
||||
variant="ghost"
|
||||
shape="square"
|
||||
tooltip={component.title}
|
||||
selected={panelHidden && currentPanel?.id === component.id}
|
||||
onClick={(): void => {
|
||||
togglePanel(component);
|
||||
setCurrentPanel(component);
|
||||
}}
|
||||
title={component.title}
|
||||
className={`group relative p-3 rounded-xl transition-all duration-200 ${panelHidden && currentPanel?.id === component.id
|
||||
? 'bg-primary text-text-primary shadow-lg shadow-primary/30'
|
||||
: 'bg-secondary/30 text-muted hover:text-text-primary hover:bg-secondary hover:shadow-md'}`}
|
||||
>
|
||||
<FontAwesomeIcon icon={component.icon}
|
||||
className={'w-4 h-4 transition-transform duration-200'}/>
|
||||
{panelHidden && currentPanel?.id === component.id && (
|
||||
<div
|
||||
className="absolute -right-1 top-1/2 -translate-y-1/2 w-1 h-8 bg-primary rounded-l-full"></div>
|
||||
)}
|
||||
</button>
|
||||
/>
|
||||
)) : (
|
||||
homeComponents
|
||||
.filter((component: PanelComponent): boolean => {
|
||||
// Hide generate story (id: 2) and import book (id: 4) in offline mode (requires server)
|
||||
// Series (id: 3) now has dual logic and works offline
|
||||
if (isCurrentlyOffline() && (component.id === 2 || component.id === 4)) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
})
|
||||
.map((component: PanelComponent) => (
|
||||
<button
|
||||
key={component.id}
|
||||
onClick={() => component.id === 1 ? setShowAddNewBook(true) : component.id === 2 ? setShowGenerateShortModal(true) : component.id === 3 ? setShowAddNewSeries(true) : component.id === 4 ? setShowImportBook(true) : null}
|
||||
title={component.title}
|
||||
className={`group relative p-3 rounded-xl transition-all duration-200 ${panelHidden && currentPanel?.id === component.id
|
||||
? 'bg-primary text-text-primary shadow-lg shadow-primary/30'
|
||||
: 'bg-secondary/30 text-muted hover:text-text-primary hover:bg-secondary hover:shadow-md'}`}
|
||||
>
|
||||
<FontAwesomeIcon icon={component.icon}
|
||||
className={'w-4 h-4 transition-transform duration-200'}/>
|
||||
</button>
|
||||
))
|
||||
homeComponents.map((component: PanelComponent) => (
|
||||
<IconButton
|
||||
key={component.id}
|
||||
icon={component.icon}
|
||||
variant="ghost"
|
||||
shape="square"
|
||||
tooltip={component.title}
|
||||
selected={panelHidden && currentPanel?.id === component.id}
|
||||
onClick={(): void => {
|
||||
if (component.id === 1) setShowAddNewBook(true);
|
||||
else if (component.id === 2) setShowGenerateShortModal(true);
|
||||
else if (component.id === 3) setShowAddNewSeries(true);
|
||||
else if (component.id === 4) setShowImportBook(true);
|
||||
}}
|
||||
/>
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
|
||||
{panelHidden && (
|
||||
<div id="left-panel"
|
||||
className="bg-tertiary/95 backdrop-blur-sm border-r border-secondary/50 h-full min-w-[320px] transition-all duration-300 overflow-y-auto shadow-2xl flex flex-col">
|
||||
<PanelHeader title={currentPanel?.title ?? ''} description={``} badge={``}
|
||||
icon={currentPanel?.icon}
|
||||
callBackAction={async () => setPanelHidden(!panelHidden)}/>
|
||||
{currentPanel?.id === 1 && (
|
||||
<ScribeChapterComponent/>
|
||||
)}
|
||||
className="bg-tertiary h-full min-w-[320px] transition-all duration-300 flex flex-col">
|
||||
<InsetPanel>
|
||||
<div className="p-4">
|
||||
<SectionHeader title={currentPanel?.title ?? ''}
|
||||
icon={currentPanel?.icon}
|
||||
actions={<IconButton icon={X} variant="ghost"
|
||||
onClick={async (): Promise<void> => setPanelHidden(!panelHidden)}/>}/>
|
||||
</div>
|
||||
{currentPanel?.id === 1 && (
|
||||
<ScribeChapterComponent/>
|
||||
)}
|
||||
</InsetPanel>
|
||||
</div>
|
||||
)}
|
||||
{
|
||||
@@ -176,4 +153,4 @@ export default function ScribeLeftBar() {
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user