refactor: remove redundant title

This commit is contained in:
Aleix Soler 2025-07-15 18:41:54 +02:00
parent 8bc310805a
commit c221d6b576
4 changed files with 16 additions and 36 deletions

View file

@ -19,7 +19,7 @@ export interface Props {
) => Promise<void>;
}
export const ChangeStatusModalContent: React.FC<Props> = ({
export const ChangeStatusModal: React.FC<Props> = ({
currentStatuses: initialStatuses,
filesQuantity,
availableStatuses,
@ -42,6 +42,8 @@ export const ChangeStatusModalContent: React.FC<Props> = ({
return (
<>
<h1>Change note status {filesQuantity}</h1>
{currentStatuses.map(([frontmatterTagName, statusList]) => (
<StatusSelectorGroupedByTag
key={frontmatterTagName}

View file

@ -1,9 +1,9 @@
import { App, Modal, Notice } from "obsidian";
import { createRoot, Root } from "react-dom/client";
import {
ChangeStatusModalContent,
ChangeStatusModal,
Props,
} from "@/components/StatusModal/ChangeStatusModalContent";
} from "@/components/ChangeStatusModal/ChangeStatusModal";
import SelectorService from "@/core/selectorService";
import {
MultipleNoteStatusService,
@ -87,10 +87,7 @@ export class StatusModalIntegration extends Modal {
}
private render() {
const { contentEl, titleEl } = this;
titleEl.setText("Note Status");
// this.modalEl.addClass("note-status-modal");
const { contentEl } = this;
if (!this.root) {
this.root = createRoot(contentEl);
@ -105,7 +102,7 @@ export class StatusModalIntegration extends Modal {
this.selectorService.noteStatusService.selectedFilesQTY();
}
this.root.render(
<ChangeStatusModalContent
<ChangeStatusModal
availableStatuses={NoteStatusService.getAllAvailableStatuses()}
currentStatuses={
this.selectorService.noteStatusService.statuses ?? {}

View file

@ -198,21 +198,21 @@
.collapsible-counter-container {
color: var(--text-muted);
padding: var(--size-2-1) var(--size-2-3);
borderRadius: var(--radius-s);
backgroundColor: var(--background-modifier-border);
border-radius: var(--radius-s);
background-color: var(--background-modifier-border);
border: 1px solid var(--background-modifier-border-hover);
fontWeight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
transition: all var(--anim-duration-fast) ease;
minWidth: 20px;
textAlign: center;
min-width: 20px;
text-align: center;
}
/* styles/components/group-label.css */
.group-label-container {
fontSize: var(--font-text-size);
textTransform: uppercase;
letterSpacing: 0.8px;
fontWeight: var(--font-weight-semibold);
font-size: var(--font-text-size);
text-transform: uppercase;
letter-spacing: 0.8px;
font-weight: var(--font-weight-semibold);
transition: color var(--anim-duration-fast) ease;
}
@ -311,11 +311,6 @@
padding: var(--size-2-1) var(--size-2-3);
border-radius: var(--radius-m);
}
.modal-content {
padding: var(--size-4-2) var(--size-4-4) var(--size-4-4) var(--size-4-4);
max-height: 320px;
overflow-y: auto;
}
.status-group:not(:last-child) {
margin-bottom: var(--size-4-4);
}
@ -402,20 +397,6 @@
border-top: none;
border-left: none;
}
.modal-content::-webkit-scrollbar {
width: var(--scrollbar-thin-thumb);
}
.modal-content::-webkit-scrollbar-track {
background: var(--background-modifier-hover);
border-radius: var(--radius-s);
}
.modal-content::-webkit-scrollbar-thumb {
background: var(--background-modifier-border);
border-radius: var(--radius-s);
}
.modal-content::-webkit-scrollbar-thumb:hover {
background: var(--background-modifier-border-hover);
}
/* styles/components/status-file-info-popup.css */
.status-info-popup {