@@ -82,6 +82,8 @@ export type HeaderLeftPanelProps = {
82
82
handleAddAttachment : ( ) => Promise < void >
83
83
handleRemoveAttachment : ( relationHash : EntryHash ) => Promise < void >
84
84
openAsset : ( wal : WAL ) => Promise < void >
85
+ // New prop to control rendering
86
+ showOnlyProjectSection ?: boolean
85
87
}
86
88
87
89
const HeaderLeftPanel : React . FC < HeaderLeftPanelProps > = ( {
@@ -99,6 +101,7 @@ const HeaderLeftPanel: React.FC<HeaderLeftPanelProps> = ({
99
101
handleAddAttachment,
100
102
handleRemoveAttachment,
101
103
openAsset,
104
+ showOnlyProjectSection = false ,
102
105
} ) => {
103
106
const entryPointsRef = useRef < HTMLDivElement > ( null )
104
107
const exportProjectRef = useRef < HTMLDivElement > ( null )
@@ -167,19 +170,23 @@ const HeaderLeftPanel: React.FC<HeaderLeftPanelProps> = ({
167
170
return (
168
171
< div className = "header-left-panel-rows" >
169
172
< div className = "header-left-panel" >
170
- { /* Acorn Logo - non link */ }
173
+ { /* Only show logo if not in showOnlyProjectSection mode */ }
174
+ { ! showOnlyProjectSection && (
175
+ < >
176
+ { /* Acorn Logo - non link */ }
177
+ { ! whoami && (
178
+ < div className = "logo non-link" >
179
+ < img src = "images/acorn-alpha-logo.png" className = "logo-image" />
180
+ </ div >
181
+ ) }
171
182
172
- { ! whoami && (
173
- < div className = "logo non-link" >
174
- < img src = "images/acorn-alpha-logo.png" className = "logo-image" />
175
- </ div >
176
- ) }
177
-
178
- { /* Acorn Logo - linked */ }
179
- { whoami && (
180
- < NavLink to = "/" className = "logo" >
181
- < img src = "images/acorn-alpha-logo.png" className = "logo-image" />
182
- </ NavLink >
183
+ { /* Acorn Logo - linked */ }
184
+ { whoami && (
185
+ < NavLink to = "/" className = "logo" >
186
+ < img src = "images/acorn-alpha-logo.png" className = "logo-image" />
187
+ </ NavLink >
188
+ ) }
189
+ </ >
183
190
) }
184
191
185
192
{ whoami && (
@@ -316,58 +323,62 @@ const HeaderLeftPanel: React.FC<HeaderLeftPanelProps> = ({
316
323
</ div >
317
324
) }
318
325
319
- { /* Settings */ }
320
- < Icon
321
- name = "settings.svg"
322
- withTooltip
323
- tooltipText = "Project Settings"
324
- size = "header"
325
- onClick = { ( ) =>
326
- setModalState ( {
327
- id : OpenModal . ProjectSettings ,
328
- cellId : projectId ,
329
- } )
330
- }
331
- className = "header-action-icon"
332
- />
333
- { /* Export */ }
334
- < div className = "export-wrapper" ref = { exportProjectRef } >
335
- < Icon
336
- withTooltip
337
- tooltipText = "Export"
338
- name = "export.svg"
339
- size = "header"
340
- className = { `header-action-icon ${
341
- isExportOpen ? 'purple' : ''
342
- } `}
343
- onClick = { ( ) => setIsExportOpen ( ! isExportOpen ) }
344
- />
345
- { isExportOpen && (
346
- < div className = "export-list-wrapper" >
347
- { /* Top Triangle */ }
348
- < img
349
- className = "triangle-top-white"
350
- src = { triangleTopWhite }
351
- />
352
- < ExportMenuItem
353
- type = "json"
354
- title = "Export as JSON (Importable)"
355
- downloadFilename = { `${ projectNameForExport } .json` }
356
- onClick = { ( ) => {
357
- setIsExportOpen ( false )
358
- } }
359
- />
360
- < ExportMenuItem
361
- type = "csv"
362
- title = "Export as CSV"
363
- downloadFilename = { `${ projectNameForExport } .csv` }
364
- onClick = { ( ) => {
365
- setIsExportOpen ( false )
366
- } }
326
+ { ! showOnlyProjectSection && (
327
+ < >
328
+ { /* Settings */ }
329
+ < Icon
330
+ name = "settings.svg"
331
+ withTooltip
332
+ tooltipText = "Project Settings"
333
+ size = "header"
334
+ onClick = { ( ) =>
335
+ setModalState ( {
336
+ id : OpenModal . ProjectSettings ,
337
+ cellId : projectId ,
338
+ } )
339
+ }
340
+ className = "header-action-icon"
341
+ />
342
+ { /* Export */ }
343
+ < div className = "export-wrapper" ref = { exportProjectRef } >
344
+ < Icon
345
+ withTooltip
346
+ tooltipText = "Export"
347
+ name = "export.svg"
348
+ size = "header"
349
+ className = { `header-action-icon ${
350
+ isExportOpen ? 'purple' : ''
351
+ } `}
352
+ onClick = { ( ) => setIsExportOpen ( ! isExportOpen ) }
367
353
/>
354
+ { isExportOpen && (
355
+ < div className = "export-list-wrapper" >
356
+ { /* Top Triangle */ }
357
+ < img
358
+ className = "triangle-top-white"
359
+ src = { triangleTopWhite }
360
+ />
361
+ < ExportMenuItem
362
+ type = "json"
363
+ title = "Export as JSON (Importable)"
364
+ downloadFilename = { `${ projectNameForExport } .json` }
365
+ onClick = { ( ) => {
366
+ setIsExportOpen ( false )
367
+ } }
368
+ />
369
+ < ExportMenuItem
370
+ type = "csv"
371
+ title = "Export as CSV"
372
+ downloadFilename = { `${ projectNameForExport } .csv` }
373
+ onClick = { ( ) => {
374
+ setIsExportOpen ( false )
375
+ } }
376
+ />
377
+ </ div >
378
+ ) }
368
379
</ div >
369
- ) }
370
- </ div >
380
+ </ >
381
+ ) }
371
382
{ /* Add to Pocket */ }
372
383
{ isWeaveContext ( ) && (
373
384
< Icon
@@ -383,22 +394,24 @@ const HeaderLeftPanel: React.FC<HeaderLeftPanelProps> = ({
383
394
</ div >
384
395
</ div >
385
396
{ /* Team Members Indicator */ }
386
- < MembersIndicator
387
- members = { membersMinusMe }
388
- presentMembers = { presentMembers }
389
- onClickInviteMember = { ( ) => {
390
- setModalState ( {
391
- id : OpenModal . InviteMembers ,
392
- passphrase : projectPassphrase ,
393
- } )
394
- } }
395
- />
397
+ { ! showOnlyProjectSection && (
398
+ < MembersIndicator
399
+ members = { membersMinusMe }
400
+ presentMembers = { presentMembers }
401
+ onClickInviteMember = { ( ) => {
402
+ setModalState ( {
403
+ id : OpenModal . InviteMembers ,
404
+ passphrase : projectPassphrase ,
405
+ } )
406
+ } }
407
+ />
408
+ ) }
396
409
</ Route >
397
410
) }
398
411
</ div >
399
412
{ /* Second row of the header */ }
400
413
{ /* for showing active entry points tabs */ }
401
- { whoami && (
414
+ { whoami && ! showOnlyProjectSection && (
402
415
< Route path = "/project" >
403
416
{ /* Current Entry Points Tab */ }
404
417
< div className = "header-left-panel second-row" >
0 commit comments