display-ambient-light/desktop
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects 1 Releases Wiki Activity

feat: 增强连接状态。

Browse Source
This commit is contained in:
Ivan Li
2023-04-30 22:30:24 +08:00
parent 6c90a5e655
commit 82d4adfe0f
4 changed files with 71 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/info/board-info-panel.tsx
View File

@ -16,7 +16,7 @@ const Item: ParentComponent<ItemProps> = (props) => {
export const BoardInfoPanel: Component<{ board: BoardInfo }> = (props) => {
const ttl = createMemo(() => {
if (!props.board.is_online) {
if (props.board.connect_status !== 'Connected') {
return '--';
}
@ -31,6 +31,16 @@ export const BoardInfoPanel: Component<{ board: BoardInfo }> = (props) => {
);
});
const connectStatus = createMemo(() => {
if (typeof props.board.connect_status === 'string') {
return props.board.connect_status;
}
if ('Connecting' in props.board.connect_status) {
return `Connecting (${props.board.connect_status.Connecting.toFixed(0)})`;
}
});
return (
<section class="p-2 rounded shadow">
<Item label="Host">{props.board.host}</Item>
@ -41,7 +51,7 @@ export const BoardInfoPanel: Component<{ board: BoardInfo }> = (props) => {
<span class="font-mono">{props.board.port}</span>
</Item>
<Item label="Status">
<span class="font-mono">{props.board.is_online ? 'Online' : 'Offline'}</span>
<span class="font-mono">{connectStatus()}</span>
</Item>
<Item label="TTL">{ttl()}</Item>
</section>