diff options
| author | Jay V <[email protected]> | 2025-06-18 16:54:29 -0400 |
|---|---|---|
| committer | Jay V <[email protected]> | 2025-06-18 16:54:33 -0400 |
| commit | 73dcc88da1b0cdb5aeb718fda3a6bf85c7513df5 (patch) | |
| tree | 61b066b9fedd5cef4a3881cb5d647c2121fe6721 /packages/web/src/components/Share.tsx | |
| parent | 14bded65dc08e66826e862b859c0f09a8b666de4 (diff) | |
| download | opencode-73dcc88da1b0cdb5aeb718fda3a6bf85c7513df5.tar.gz opencode-73dcc88da1b0cdb5aeb718fda3a6bf85c7513df5.zip | |
ignore: share
Diffstat (limited to 'packages/web/src/components/Share.tsx')
| -rw-r--r-- | packages/web/src/components/Share.tsx | 40 |
1 files changed, 13 insertions, 27 deletions
diff --git a/packages/web/src/components/Share.tsx b/packages/web/src/components/Share.tsx index 40daa1e5a..d210911e2 100644 --- a/packages/web/src/components/Share.tsx +++ b/packages/web/src/components/Share.tsx @@ -203,7 +203,7 @@ function stripEnclosingTag(text: string): string { function getStatusText(status: [Status, string?]): string { switch (status[0]) { case "connected": - return "Connected" + return "Connected, waiting for messages..." case "connecting": return "Connecting..." case "disconnected": @@ -688,31 +688,6 @@ export default function Share(props: { <div class={styles.header}> <div data-section="title"> <h1>{store.info?.title}</h1> - <div> - <div data-section="date"> - {data().created ? ( - <span - title={DateTime.fromMillis( - data().created || 0, - ).toLocaleString(DateTime.DATETIME_FULL_WITH_SECONDS)} - > - {DateTime.fromMillis(data().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"> @@ -786,7 +761,7 @@ export default function Share(props: { ).toLocaleString(DateTime.DATETIME_FULL_WITH_SECONDS)} > {DateTime.fromMillis(data().created || 0).toLocaleString( - DateTime.DATE_MED, + DateTime.DATETIME_MED )} </span> ) : ( @@ -1789,6 +1764,17 @@ export default function Share(props: { </For> )} </For> + <div data-section="part" data-part-type="connection-status"> + <div data-section="decoration"> + <span data-status={connectionStatus()[0]}></span> + <div></div> + </div> + <div data-section="content"> + <span> + {getStatusText(connectionStatus())} + </span> + </div> + </div> </div> </Show> </div> |