Remove CharacterComponent and CharacterDetail components

- Deleted `CharacterComponent` and `CharacterDetail` files from the project.
- Refactored related logic to improve code maintainability and reduce redundancy.
This commit is contained in:
natreex
2026-02-05 14:12:08 -05:00
parent cec5830360
commit 209dc6f85a
133 changed files with 17673 additions and 3110 deletions

View File

@@ -1,11 +1,12 @@
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faBookMedical, faBookOpen, faFeather} from "@fortawesome/free-solid-svg-icons";
import {useContext, useEffect, useState} from "react";
import {faBookMedical, faBookOpen, faFeather, faLayerGroup} from "@fortawesome/free-solid-svg-icons";
import React, {useContext, useEffect, useState} from "react";
import {BookContext} from "@/context/BookContext";
import ScribeChapterComponent from "@/components/leftbar/ScribeChapterComponent";
import PanelHeader from "@/components/PanelHeader";
import {PanelComponent} from "@/lib/models/Editor";
import AddNewBookForm from "@/components/book/AddNewBookForm";
import AddNewSeriesForm from "@/components/series/AddNewSeriesForm";
import ShortStoryGenerator from "@/components/ShortStoryGenerator";
import {SessionContext} from "@/context/SessionContext";
import {useTranslations} from "next-intl";
@@ -21,6 +22,7 @@ export default function ScribeLeftBar() {
const [currentPanel, setCurrentPanel] = useState<PanelComponent>();
const [showAddNewBook, setShowAddNewBook] = useState<boolean>(false);
const [showAddNewSeries, setShowAddNewSeries] = useState<boolean>(false);
const [showGenerateShortModal, setShowGenerateShortModal] = useState<boolean>(false)
const {isCurrentlyOffline} = useContext(OfflineContext)
@@ -61,6 +63,12 @@ export default function ScribeLeftBar() {
icon: faFeather,
badge: t("scribeLeftBar.homeComponents.generateStory.badge"),
description: t("scribeLeftBar.homeComponents.generateStory.description")
}, {
id: 3,
title: t("scribeLeftBar.homeComponents.addSeries.title"),
icon: faLayerGroup,
badge: t("scribeLeftBar.homeComponents.addSeries.badge"),
description: t("scribeLeftBar.homeComponents.addSeries.description")
},
]
@@ -86,7 +94,7 @@ export default function ScribeLeftBar() {
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">
{book ? editorComponents.map((component:PanelComponent) => (
{book ? editorComponents.map(component => (
<button
key={component.id}
onClick={(): void => {
@@ -99,7 +107,7 @@ export default function ScribeLeftBar() {
: 'bg-secondary/30 text-muted hover:text-text-primary hover:bg-secondary hover:shadow-md'}`}
>
<FontAwesomeIcon icon={component.icon}
className={'w-5 h-5 transition-transform duration-200'}/>
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>
@@ -107,20 +115,25 @@ export default function ScribeLeftBar() {
</button>
)) : (
homeComponents
.filter((component: PanelComponent):boolean => {
return !(isCurrentlyOffline() && component.id === 2);
.filter((component: PanelComponent): boolean => {
// Hide generate story (id: 2) in offline mode (requires AI server)
// Series (id: 3) now has dual logic and works offline
if (isCurrentlyOffline() && component.id === 2) {
return false;
}
return true;
})
.map((component: PanelComponent) => (
<button
key={component.id}
onClick={() => component.id === 1 ? setShowAddNewBook(true) : component.id === 2 ? setShowGenerateShortModal(true) : session.user?.groupId && session.user?.groupId === 1}
onClick={() => component.id === 1 ? setShowAddNewBook(true) : component.id === 2 ? setShowGenerateShortModal(true) : component.id === 3 ? setShowAddNewSeries(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-5 h-5 transition-transform duration-200'}/>
className={'w-4 h-4 transition-transform duration-200'}/>
</button>
))
)}
@@ -141,6 +154,10 @@ export default function ScribeLeftBar() {
showAddNewBook &&
<AddNewBookForm setCloseForm={setShowAddNewBook}/>
}
{
showAddNewSeries &&
<AddNewSeriesForm setCloseForm={setShowAddNewSeries}/>
}
{
showGenerateShortModal &&
<ShortStoryGenerator onClose={() => setShowGenerateShortModal(false)}/>