Add new text button and expand sidebar functionality in App.tsx

This commit is contained in:
2026-02-01 02:53:43 +01:00
parent 379ea3b653
commit 5c82bb9f89

View File

@@ -1442,6 +1442,7 @@ export default function App() {
<main className="workspace"> <main className="workspace">
<div className="workspace__body"> <div className="workspace__body">
{!selectedTextId ? ( {!selectedTextId ? (
<>
<div className="empty-state"> <div className="empty-state">
<div className="empty-state__title">Create your first text</div> <div className="empty-state__title">Create your first text</div>
<div className="empty-state__subtitle"> <div className="empty-state__subtitle">
@@ -1451,6 +1452,20 @@ export default function App() {
New Text New Text
</button> </button>
</div> </div>
{sidebarCollapsed ? (
<div className="editor__footer">
<button
className="icon-button"
onClick={() => setSidebarCollapsed(false)}
aria-label="Expand sidebar"
title="Expand sidebar"
type="button"
>
<span className="icon-button__glyph" aria-hidden="true"></span>
</button>
</div>
) : null}
</>
) : ( ) : (
<div <div
className={`workspace__content${ className={`workspace__content${