ToothFairyAI_Public/tf_code
1
0
Fork 0
mirror of https://gitea.toothfairyai.com/ToothFairyAI/tf_code.git synced 2026-04-23 00:54:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

tui: center empty states vertically in session view and improve review panel messaging for projects without version control

Browse Source
This commit is contained in:
David Hill
2026-03-07 23:45:16 +00:00
parent a965a06259
commit 6dfe19b445
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/app/src/pages/session.tsx
View File

@@ -799,7 +799,7 @@ export default function Page() {
} }
const emptyTurn = () => ( const emptyTurn = () => (
<div class="h-full pb-64 flex flex-col items-center justify-center text-center gap-6"> <div class="h-full pb-64 -mt-4 flex flex-col items-center justify-center text-center gap-6">
<div class="text-14-regular text-text-weak max-w-56">{language.t("session.review.noChanges")}</div> <div class="text-14-regular text-text-weak max-w-56">{language.t("session.review.noChanges")}</div>
</div> </div>
) )
@@ -914,7 +914,7 @@ export default function Page() {
diffStyle: layout.review.diffStyle(), diffStyle: layout.review.diffStyle(),
onDiffStyleChange: layout.review.setDiffStyle, onDiffStyleChange: layout.review.setDiffStyle,
loadingClass: "px-6 py-4 text-text-weak", loadingClass: "px-6 py-4 text-text-weak",
emptyClass: "h-full pb-64 flex flex-col items-center justify-center text-center gap-6", emptyClass: "h-full pb-64 -mt-4 flex flex-col items-center justify-center text-center gap-6",
})} })}
</div> </div>
</div> </div>
@@ -1266,7 +1266,7 @@ export default function Page() {
container: "px-4", container: "px-4",
}, },
loadingClass: "px-4 py-4 text-text-weak", loadingClass: "px-4 py-4 text-text-weak",
emptyClass: "h-full pb-64 flex flex-col items-center justify-center text-center gap-6", emptyClass: "h-full pb-64 -mt-4 flex flex-col items-center justify-center text-center gap-6",
})} })}
scroll={ui.scroll} scroll={ui.scroll}
onResumeScroll={resumeScroll} onResumeScroll={resumeScroll}

10
packages/app/src/pages/session/session-side-panel.tsx
View File

@@ -103,7 +103,7 @@ export function SessionSidePanel(props: {
const empty = (msg: string) => ( const empty = (msg: string) => (
<div class="h-full flex flex-col"> <div class="h-full flex flex-col">
<div class="h-12 shrink-0" aria-hidden /> <div class="h-6 shrink-0" aria-hidden />
<div class="flex-1 pb-64 flex items-center justify-center text-center"> <div class="flex-1 pb-64 flex items-center justify-center text-center">
<div class="text-12-regular text-text-weak">{msg}</div> <div class="text-12-regular text-text-weak">{msg}</div>
</div> </div>
@@ -329,7 +329,7 @@ export function SessionSidePanel(props: {
<Tabs.Content value="empty" class="flex flex-col h-full overflow-hidden contain-strict"> <Tabs.Content value="empty" class="flex flex-col h-full overflow-hidden contain-strict">
<Show when={activeTab() === "empty"}> <Show when={activeTab() === "empty"}>
<div class="relative pt-2 flex-1 min-h-0 overflow-hidden"> <div class="relative pt-2 flex-1 min-h-0 overflow-hidden">
<div class="h-full px-6 pb-42 flex flex-col items-center justify-center text-center gap-6"> <div class="h-full px-6 pb-42 -mt-4 flex flex-col items-center justify-center text-center gap-6">
<Mark class="w-14 opacity-10" /> <Mark class="w-14 opacity-10" />
<div class="text-14-regular text-text-weak max-w-56"> <div class="text-14-regular text-text-weak max-w-56">
{language.t("session.files.selectToOpen")} {language.t("session.files.selectToOpen")}
@@ -424,7 +424,11 @@ export function SessionSidePanel(props: {
/> />
</Show> </Show>
</Match> </Match>
<Match when={true}>{empty(language.t(reviewEmptyKey()))}</Match> <Match when={true}>
{empty(
language.t(sync.project && !sync.project.vcs ? "session.review.noChanges" : reviewEmptyKey()),
)}
</Match>
</Switch> </Switch>
</Tabs.Content> </Tabs.Content>
<Tabs.Content value="all" class="bg-background-stronger px-3 py-0"> <Tabs.Content value="all" class="bg-background-stronger px-3 py-0">