marketing-shibata50/multica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #174 from multica-ai/forrestchang/inbox-hide-sidebar

Browse source 
feat(inbox): hide issue detail sidebar by default
This commit is contained in:
Jiayuan Zhang 2026-03-30 02:46:51 +08:00 • committed by GitHub
commit 00c54232ad
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/web/app/(dashboard)/inbox/page.tsx
View file

@ -384,6 +384,8 @@ export default function InboxPage() {
{selected?.issue_id ? (
<IssueDetail
issueId={selected.issue_id}
defaultSidebarOpen={false}
layoutId="multica_inbox_issue_detail_layout"
onDelete={() => {
handleArchive(selected.id);
}}

10
apps/web/features/issues/components/issue-detail.tsx
View file

@ -167,13 +167,15 @@ function PropRow({
interface IssueDetailProps {
issueId: string;
onDelete?: () => void;
defaultSidebarOpen?: boolean;
layoutId?: string;
}
// ---------------------------------------------------------------------------
// IssueDetail
// ---------------------------------------------------------------------------
export function IssueDetail({ issueId, onDelete }: IssueDetailProps) {
export function IssueDetail({ issueId, onDelete, defaultSidebarOpen = true, layoutId = "multica_issue_detail_layout" }: IssueDetailProps) {
const id = issueId;
const router = useRouter();
const user = useAuthStore((s) => s.user);
@ -188,10 +190,10 @@ export function IssueDetail({ issueId, onDelete }: IssueDetailProps) {
const nextIssue = currentIndex < allIssues.length - 1 ? allIssues[currentIndex + 1] : null;
const { getActorName, getActorInitials } = useActorName();
const { defaultLayout, onLayoutChanged } = useDefaultLayout({
id: "multica_issue_detail_layout",
id: layoutId,
});
const sidebarRef = usePanelRef();
const [sidebarOpen, setSidebarOpen] = useState(true);
const [sidebarOpen, setSidebarOpen] = useState(defaultSidebarOpen);
const [issue, setIssue] = useState<Issue | null>(null);
const [timeline, setTimeline] = useState<TimelineEntry[]>([]);
const [subscribers, setSubscribers] = useState<IssueSubscriber[]>([]);
@ -948,7 +950,7 @@ export function IssueDetail({ issueId, onDelete }: IssueDetailProps) {
<ResizableHandle />
<ResizablePanel
id="sidebar"
defaultSize={320}
defaultSize={defaultSidebarOpen ? 320 : 0}
minSize={260}
maxSize={420}
collapsible