12807178728

Committed 16 Jan 2025 10:42AM UTC coverage: 68.636% (-0.3%) from 68.977%

Build # 12807178728

Build Type

Pull #85

github

Committed by

web-flow

Commit Message

Merge 384e79ca6 into 48e7103bb

Pull Request Pull Request #85: fix(alerts-table): trigger token box and copy to clipboard icon

Run Details

206 of 379 branches covered (54.35%)

Branch coverage included in aggregate %.

398 of 501 relevant lines covered (79.44%)

31.21 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/src/components/HelpLayout.tsx

import { Link, Outlet, useLocation } from "react-router-dom";

export function HelpLayout() {
  const location = useLocation();

  const isActive = (path: string) => {
    return location.pathname === path;
  };

  const linkClass = (path: string) => {
    return `block px-4 py-2 rounded-lg transition-colors ${
      isActive(path)
        ? "bg-brand-100 text-brand-700 font-medium"
        : "text-secondary hover:bg-gray-100"
    }`;
  };

  return (
    <div className="container mx-auto px-4 py-8">
      <h1 className="text-3xl font-bold mb-8">Help Center</h1>
      <div className="flex gap-8">
        <aside className="w-64 shrink-0">
          <nav className="flex flex-col gap-2 sticky top-8">
            <Link
              to="/help/continue-setup"
              className={linkClass("/help/continue-setup")}
            >
              Continue Setup
            </Link>
            <Link
              to="/help/copilot-setup"
              className={linkClass("/help/copilot-setup")}
            >
              Copilot Setup
            </Link>
          </nav>
        </aside>
        <main className="flex-1 min-w-0">
          <Outlet />
        </main>
      </div>
    </div>
  );
}

1	import { Link, Outlet, useLocation } from "react-router-dom";
2
3	export function HelpLayout() {
4	const location = useLocation();	×
5
6	const isActive = (path: string) => {	×
7	return location.pathname === path;	×
8	};
9
10	const linkClass = (path: string) => {	×
11	return `block px-4 py-2 rounded-lg transition-colors ${	×
12	isActive(path)	×
13	? "bg-brand-100 text-brand-700 font-medium"
14	: "text-secondary hover:bg-gray-100"
15	}`;
16	};
17
18	return (
19	<div className="container mx-auto px-4 py-8">
20	<h1 className="text-3xl font-bold mb-8">Help Center</h1>
21	<div className="flex gap-8">
22	<aside className="w-64 shrink-0">
23	<nav className="flex flex-col gap-2 sticky top-8">
24	<Link
25	to="/help/continue-setup"
26	className={linkClass("/help/continue-setup")}
27	>
28	Continue Setup
29	</Link>
30	<Link
31	to="/help/copilot-setup"
32	className={linkClass("/help/copilot-setup")}
33	>
34	Copilot Setup
35	</Link>
36	</nav>
37	</aside>
38	<main className="flex-1 min-w-0">
39	<Outlet />
40	</main>
41	</div>
42	</div>
43	);
44	}

stacklok / codegate-ui / 12807178728

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous