mirror of
https://github.com/block/buzz.git
synced 2026-11-09 02:41:57 +00:00
87f8ff82ae
## Summary - Makes Projects repository-aware across browsing, branch and tag selection, local and remote source management, work items, commits, and contextual repository actions. - Refines project details into consistent single-column reading surfaces with a resizable, section-aware context pod, while keeping project conversations available in the attached chat panel. - Adds persistent sidebar project navigation, direct entity links, repository discussion channels, contributor identity matching, and consistent loading and activity presentation. - Keeps branch-specific controls on code-oriented sections while Tasks, Reviews, and Channels remain repository-scoped, reducing misleading context and actions. Replacement for #5981 with an identical final tree flattened into one signed-off commit because the required DCO check suite remained stalled. ### Related issue N/A ### Testing - [x] Desktop pre-push checks, TypeScript typecheck, and unit tests - [x] E2E production build with `pnpm build:e2e` - [x] Focused Playwright smoke coverage for project workspace, task, review, commit, sidebar, and contextual-panel behavior - [ ] Attach final before/after screenshots after design review --------- Signed-off-by: Thomas Petersen <thomasp@squareup.com> Signed-off-by: Wintermute <165f0c871dd2586bb18b6aa109eeaf57bb2132ff4d27b10120f4368a0f627022@buzz.block.builderlab.xyz> Co-authored-by: Wintermute <165f0c871dd2586bb18b6aa109eeaf57bb2132ff4d27b10120f4368a0f627022@buzz.block.builderlab.xyz>
35 lines
848 B
TypeScript
35 lines
848 B
TypeScript
import { cn } from "@/shared/lib/cn";
|
|
import BuzzLogoAnimation from "@/shared/ui/buzz-logo/BuzzLogoAnimation";
|
|
|
|
/** Centered, low-emphasis loading state for page and panel fetches. */
|
|
export function BuzzLoadingState({
|
|
className,
|
|
fill = false,
|
|
label = "Loading",
|
|
}: {
|
|
className?: string;
|
|
fill?: boolean;
|
|
label?: string;
|
|
}) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"flex w-full items-center justify-center text-muted-foreground/45",
|
|
fill ? "min-h-0 flex-1" : "min-h-[calc(100dvh-7rem)]",
|
|
className,
|
|
)}
|
|
data-testid="buzz-loading-state"
|
|
role="status"
|
|
>
|
|
<BuzzLogoAnimation
|
|
ariaLabel={label}
|
|
className="buzz-logo--scale-pulse"
|
|
fullScreen={false}
|
|
showBackground={false}
|
|
style={{ width: "2rem" }}
|
|
textured={false}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|