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:
@@ -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)}/>
|
||||
|
||||
Reference in New Issue
Block a user