(feat): update message state icons
(feat): log ttpUrl
This commit is contained in:
parent
c484a3c303
commit
b09ef8a997
2 changed files with 12 additions and 5 deletions
|
|
@ -1,7 +1,7 @@
|
||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import type { RawMessage } from "../values";
|
import type { RawMessage } from "../values";
|
||||||
import Text from "@tensamin/markdown/text";
|
import Text from "@tensamin/markdown/text";
|
||||||
import { AlertTriangle, Check, CheckCheck } from "lucide-react";
|
import { AlertTriangle, Check, Ellipse, RefreshCw } from "lucide-react";
|
||||||
import { useCallback, useEffect, useState } from "react";
|
import { useCallback, useEffect, useState } from "react";
|
||||||
import type { User } from "@tensamin/user/context";
|
import type { User } from "@tensamin/user/context";
|
||||||
|
|
||||||
|
|
@ -169,13 +169,16 @@ function MessageComponent({
|
||||||
</p>
|
</p>
|
||||||
<div>
|
<div>
|
||||||
{message.message_state === "read" ? (
|
{message.message_state === "read" ? (
|
||||||
<CheckCheck size={14} color="var(--primary)" />
|
<Check
|
||||||
|
size={12}
|
||||||
|
color="var(--primary-foreground-alt)"
|
||||||
|
/>
|
||||||
) : message.message_state === "received" ? (
|
) : message.message_state === "received" ? (
|
||||||
<CheckCheck size={14} color="var(--muted-foreground)" />
|
<Check size={12} color="var(--muted-foreground)" />
|
||||||
) : message.message_state === "sent" ? (
|
) : message.message_state === "sent" ? (
|
||||||
<Check size={14} color="var(--muted-foreground)" />
|
<RefreshCw size={12} color="var(--muted-foreground)" />
|
||||||
) : message.message_state === "sending" ? (
|
) : message.message_state === "sending" ? (
|
||||||
<div>IDK</div>
|
<Ellipse size={12} color="var(--muted-foreground)" />
|
||||||
) : null}
|
) : null}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -378,6 +378,10 @@ export function Provider(props: {
|
||||||
url: ttpUrl,
|
url: ttpUrl,
|
||||||
serverCert: ttpServerCert || undefined,
|
serverCert: ttpServerCert || undefined,
|
||||||
onReadyStateChange: (state) => {
|
onReadyStateChange: (state) => {
|
||||||
|
if (state === READY_STATE.CONNECTING) {
|
||||||
|
log(2, "ttp", "blue", ttpUrl);
|
||||||
|
}
|
||||||
|
|
||||||
setReadyState(state);
|
setReadyState(state);
|
||||||
|
|
||||||
if (state === READY_STATE.OPEN) {
|
if (state === READY_STATE.OPEN) {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue