12805902815

Committed 16 Jan 2025 09:28AM UTC coverage: 68.977% (-0.6%) from 69.536%

Build # 12805902815

Build Type

Pull #80

github

Committed by

web-flow

Commit Message

Merge 94615af54 into ef1b65ca4

Pull Request Pull Request #80: feat: use @stacklok/ui-kit

Run Details

208 of 379 branches covered (54.88%)

Branch coverage included in aggregate %.

20 of 26 new or added lines in 8 files covered. (76.92%)

1 existing line in 1 file now uncovered.

399 of 501 relevant lines covered (79.64%)

25.96 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 / 12805902815

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