mokhtar
7e0df5fd94
Gates / frontend (push) Successful in 1m22s
Gates / test (push) Successful in 1m54s
Gates / test-aarch64 (push) Successful in 7m57s
Gates / package (push) Successful in 5m29s
Gates / container (push) Successful in 10s
CI / gates (push) Successful in 32m51s
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import * as stylex from "@stylexjs/stylex";
|
|
import { formatTime } from "@/lib/format";
|
|
import { styles as shared } from "@/ui/styles";
|
|
import { colors } from "@/ui/tokens.stylex";
|
|
import { useAuthority } from "./authority";
|
|
|
|
const styles = stylex.create({
|
|
line: {
|
|
paddingInline: "0.75rem",
|
|
paddingBlock: "0.375rem",
|
|
fontSize: "0.75rem",
|
|
lineHeight: "1rem",
|
|
color: colors.textMuted,
|
|
},
|
|
path: {
|
|
overflowWrap: "anywhere",
|
|
},
|
|
});
|
|
|
|
/**
|
|
* File authority, stated once, in the configuration sub-navigation (§File
|
|
* mode). Not a banner on every route: the fact belongs to configuration, and
|
|
* repeating it above Overview and Activity buys nothing.
|
|
*
|
|
* "loaded" is deliberate. `reconciled_at` is when this process read the file;
|
|
* the server cannot prove the file still says what it said then, so the line
|
|
* never claims to describe the file's current contents.
|
|
*/
|
|
export default function AuthorityLine() {
|
|
const authority = useAuthority();
|
|
if (authority.state !== "resolved" || authority.status.authority !== "managed_file") return null;
|
|
const { path, reconciled_at } = authority.status;
|
|
return (
|
|
<p {...stylex.props(styles.line)}>
|
|
{"File-managed · "}
|
|
<code {...stylex.props(shared.mono, styles.path)}>{path}</code>
|
|
{reconciled_at === null ? null : ` · loaded ${formatTime(reconciled_at)}`}
|
|
</p>
|
|
);
|
|
}
|