diff options
| author | Jay V <[email protected]> | 2025-06-04 12:44:36 -0400 |
|---|---|---|
| committer | Jay V <[email protected]> | 2025-06-04 12:44:36 -0400 |
| commit | 199c42f72648e911a202368513214a88458a95ef (patch) | |
| tree | 67e5df6e947afb560dffa0d5ea31fbd0e4286608 /packages/web/src/components/Share.tsx | |
| parent | 32115948219d498cc5c2b27382c343a5ebdb1bd7 (diff) | |
| download | opencode-199c42f72648e911a202368513214a88458a95ef.tar.gz opencode-199c42f72648e911a202368513214a88458a95ef.zip | |
styles share
Diffstat (limited to 'packages/web/src/components/Share.tsx')
| -rw-r--r-- | packages/web/src/components/Share.tsx | 44 |
1 files changed, 23 insertions, 21 deletions
diff --git a/packages/web/src/components/Share.tsx b/packages/web/src/components/Share.tsx index e3efd6630..99ed3e130 100644 --- a/packages/web/src/components/Share.tsx +++ b/packages/web/src/components/Share.tsx @@ -437,10 +437,29 @@ export default function Share(props: { api: string }) { <div class={styles.header}> <div data-section="title"> <h1>{store.info?.title}</h1> - <p> - <span data-status={connectionStatus()[0]}>●</span> - <span data-element-label>{getStatusText(connectionStatus())}</span> - </p> + <div> + <div data-section="date"> + {messages().length > 0 && messages()[0].metadata?.time.created ? ( + <span + title={DateTime.fromMillis( + messages()[0].metadata?.time.created || 0, + ).toLocaleString(DateTime.DATETIME_FULL_WITH_SECONDS)} + > + {DateTime.fromMillis( + messages()[0].metadata?.time.created || 0, + ).toLocaleString(DateTime.DATE_MED)} + </span> + ) : ( + <span data-element-label data-placeholder> + Started at — + </span> + )} + </div> + <p data-section="status"> + <span data-status={connectionStatus()[0]}>●</span> + <span data-element-label>{getStatusText(connectionStatus())}</span> + </p> + </div> </div> <div data-section="row"> <ul data-section="stats"> @@ -496,23 +515,6 @@ export default function Share(props: { api: string }) { </li> )} </ul> - <div data-section="date"> - {messages().length > 0 && messages()[0].metadata?.time.created ? ( - <span - title={DateTime.fromMillis( - messages()[0].metadata?.time.created || 0, - ).toLocaleString(DateTime.DATETIME_FULL_WITH_SECONDS)} - > - {DateTime.fromMillis( - messages()[0].metadata?.time.created || 0, - ).toLocaleString(DateTime.DATE_MED)} - </span> - ) : ( - <span data-element-label data-placeholder> - Started at — - </span> - )} - </div> </div> </div> |