Merge branch 'main' into alerts-table-refactor

Author: kantord

CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## [0.9.0](https://github.com/stacklok/codegate-ui/compare/v0.8.0...v0.9.0) (2025-01-24)
+
+
+### Features
+
+* add not_found route ([#194](https://github.com/stacklok/codegate-ui/issues/194)) ([d865730](https://github.com/stacklok/codegate-ui/commit/d865730201eaff07e0e1852750803d0a262e5df6))
+
+
+### Bug Fixes
+
+* workspace hard delete nits ([#202](https://github.com/stacklok/codegate-ui/issues/202)) ([9129a5b](https://github.com/stacklok/codegate-ui/commit/9129a5b983a1b54f7d3b5cffc19cce85a955045a))
+
+## [0.8.0](https://github.com/stacklok/codegate-ui/compare/v0.7.2...v0.8.0) (2025-01-24)
+
+
+### Features
+
+* implement hard delete for workspaces & refactor workspaces table to allow multiple actions ([#185](https://github.com/stacklok/codegate-ui/issues/185)) ([a98492a](https://github.com/stacklok/codegate-ui/commit/a98492a8c24067ccd037e6fa753caf9994558967))
+* implement use toast mutation for workspaces ([#184](https://github.com/stacklok/codegate-ui/issues/184)) ([a67b265](https://github.com/stacklok/codegate-ui/commit/a67b26518cd5ef1c3f6106b604d45456ffc03cf4))
+* redirect to conversation from alerts table ([#191](https://github.com/stacklok/codegate-ui/issues/191)) ([646ed5a](https://github.com/stacklok/codegate-ui/commit/646ed5a6b14661b3956dd2685d9065c4c0d110aa))
+* useKbdShortcuts hook & example implementation ([#180](https://github.com/stacklok/codegate-ui/issues/180)) ([0d935a3](https://github.com/stacklok/codegate-ui/commit/0d935a3b263d5c18c86d5ba669554cf3f2e1f3a7))
+* useToastMutation hook ([#183](https://github.com/stacklok/codegate-ui/issues/183)) ([9fe55a5](https://github.com/stacklok/codegate-ui/commit/9fe55a524fa776348fcb6719d625f57aac36d60a))
+
+
+### Bug Fixes
+
+* fix small visual glithc in help menu ([#175](https://github.com/stacklok/codegate-ui/issues/175)) ([7031047](https://github.com/stacklok/codegate-ui/commit/70310476e59085c18755dc3eed6d9a2f09523f0f))
+* parsing promptList text and breadcrumb ([#177](https://github.com/stacklok/codegate-ui/issues/177)) ([6da034d](https://github.com/stacklok/codegate-ui/commit/6da034d9ddb028202c14851319e380f61b139473))
+* sort filtered alerts before pagination ([#190](https://github.com/stacklok/codegate-ui/issues/190)) ([d844610](https://github.com/stacklok/codegate-ui/commit/d84461041076f9647ceae93220deb071d1897a17))
+
 ## [0.7.2](https://github.com/stacklok/codegate-ui/compare/v0.7.1...v0.7.2) (2025-01-22)
 
 

eslint.config.js

@@ -3,7 +3,7 @@ import globals from "globals";
 import reactHooks from "eslint-plugin-react-hooks";
 import reactRefresh from "eslint-plugin-react-refresh";
 import tseslint from "typescript-eslint";
-import tailwindPlugin from 'eslint-plugin-tailwindcss'
+import tailwindPlugin from "eslint-plugin-tailwindcss";
 
 export default tseslint.config(
   { ignores: ["dist"] },
@@ -56,6 +56,18 @@ export default tseslint.config(
           ],
         },
       ],
+      "no-restricted-imports": [
+        "error",
+        {
+          paths: [
+            {
+              importNames: ["useMutation"],
+              message: "Use the custom `useToastMutation` instead",
+              name: "@tanstack/react-query",
+            },
+          ],
+        },
+      ],
     },
-  }
+  },
 );

icons/FlipBackward.svg

@@ -1,7 +1,7 @@
 {
   "name": "vite-project",
   "private": true,
-  "version": "0.7.2",
+  "version": "0.9.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -19,7 +19,7 @@
     "generate-icons": "npx @svgr/cli --typescript --no-dimensions --replace-attr-values '#2E323A=currentColor' --jsx-runtime automatic --out-dir ./src/components/icons/ -- icons"
   },
   "dependencies": {
-    "@hey-api/client-fetch": "^0.6.0",
+    "@hey-api/client-fetch": "^0.7.1",
     "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-separator": "^1.1.0",

package-lock.json

@@ -0,0 +1,13 @@
+import { render } from "./lib/test-utils";
+import Page from "./Page";
+
+test("render NotFound route", () => {
+  const { getByText, getByRole } = render(<Page />, {
+    routeConfig: {
+      initialEntries: ["/fake-route"],
+    },
+  });
+
+  expect(getByText(/Oops! There's nothing here/i)).toBeVisible();
+  expect(getByRole("button", { name: "Home" })).toBeVisible();
+});

package.json

@@ -8,6 +8,7 @@ import { RouteChat } from "./routes/route-chat";
 import { RouteDashboard } from "./routes/route-dashboard";
 import { RouteCertificateSecurity } from "./routes/route-certificate-security";
 import { RouteWorkspaceCreation } from "./routes/route-workspace-creation";
+import { RouteNotFound } from "./routes/route-not-found";
 
 export default function Page() {
   return (
@@ -23,6 +24,7 @@ export default function Page() {
         path="/certificates/security"
         element={<RouteCertificateSecurity />}
       />
+      <Route path="*" element={<RouteNotFound />} />
     </Routes>
   );
 }

src/Page.test.tsx

@@ -0,0 +1,34 @@
+interface EmptyStateProps {
+  children?: React.ReactNode;
+  title?: string | React.ReactNode;
+  description?: string | React.ReactNode;
+  illustration?: React.ReactNode;
+}
+
+export function EmptyState({
+  illustration,
+  title,
+  children,
+  description,
+}: EmptyStateProps) {
+  return (
+    <>
+      <div className="my-4">
+        {illustration != null && (
+          <div className="m-auto flex w-full justify-center pb-2">
+            {illustration}
+          </div>
+        )}
+        <div className="mb-1 text-center text-xl font-medium text-gray-900">
+          {title}
+        </div>
+        <div className="m-auto mb-6 text-center font-normal text-secondary">
+          {description}
+        </div>
+        {children != null && (
+          <div className="flex justify-center">{children}</div>
+        )}
+      </div>
+    </>
+  );
+}

src/Page.tsx

@@ -1,6 +1,5 @@
 export { default as Continue } from "./Continue";
 export { default as Copilot } from "./Copilot";
 export { default as Discord } from "./Discord";
-export { default as FlipBackward } from "./FlipBackward";
 export { default as Github } from "./Github";
 export { default as Youtube } from "./Youtube";