Merge branch 'main' into feat/CardOrganization

* main:
  fix(build): install playwright in ci
  fix(build): add passing e2e test
  fix(build): configure css path
  fix(build): reduce node version
  fix(build): web remove typescript path
  fix(build): web missing radix deps
  fix(build): web
  fix(build): remove problematic targets

.github/workflows/ci.yml

@@ -30,7 +30,7 @@ jobs:
       # Cache node_modules
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 18.19.1
           cache: 'pnpm'
 
       - run: pnpm install
@@ -39,4 +39,8 @@ jobs:
       # Prepend any command with "nx-cloud record --" to record its logs to Nx Cloud
       # - run: npx nx-cloud record -- echo Hello World
       - run: npx nx affected -t lint test build
+
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+
       - run: npx nx affected --parallel 1 -t e2e-ci

.gitignore

@@ -50,4 +50,4 @@ out
 .env
 
 
-storybook-static
+storybook-static

apps/web-e2e/src/example.spec.ts

@@ -3,6 +3,6 @@ import { test, expect } from '@playwright/test';
 test('has title', async ({ page }) => {
   await page.goto('/');
 
-  // Expect h1 to contain a substring.
-  expect(await page.locator('h1').innerText()).toContain('Welcome');
+  // TODO: write useful tests
+  await expect(page.getByTestId('dho-list-container')).toBeVisible();
 });

apps/web/jest.config.ts

@@ -8,4 +8,5 @@ export default {
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
   coverageDirectory: '../../coverage/apps/web',
+  passWithNoTests: true,
 };

apps/web/src/app/[lang]/dho/[id]/assignments/@modal/(.)create/page.tsx

@@ -1,7 +1,7 @@
 'use client';
 
+import { Button } from '@hypha-platform/ui';
 import {
-  Button,
   Dialog,
   DialogContent,
   DialogDescription,

apps/web/src/app/[lang]/dho/new/layout.tsx

@@ -15,10 +15,6 @@ export default async function DhoLayout({
         createActionHref={'/[lang]/dho/[id]/assignments/create'
           .replace('[lang]', lang)
           .replace('[id]', daoSlug)}
-        activeUser={{
-          avatarSrc: 'https://images.unsplash.com/photo-1544005313-94ddf0286df2?&w=64&h=64&dpr=2&q=70&crop=faces&fit=crop',
-          userName: 'Jane Doe',
-        }}
         navItems={[
           {
             label: 'Explore',

apps/web/src/app/[lang]/page.tsx

@@ -13,7 +13,7 @@ export default async function Index({ params: { lang } }: PageProps) {
   const daos = await getDaoList({ token: newtoken.accessJWT });
 
   return (
-    <div className="grid grid-cols-4 gap-4 px-6 py-4">
+    <div data-testid="dho-list-container" className="grid grid-cols-4 gap-4 px-6 py-4">
       {daos.map((dao) => (
         <div key={dao.name}>
           <Link href={getAssignmentsPath(lang, dao.url as string)}>

apps/web/tailwind.config.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @nx/enforce-module-boundaries
 import { buildConfig } from '../../packages/ui-utils/src/tailwind.config.ts';
 
 export default buildConfig(__dirname);

package.json

@@ -11,8 +11,12 @@
   "private": true,
   "dependencies": {
     "@formatjs/intl-localematcher": "^0.5.4",
+    "@graphql-typed-document-node/core": "^3.2.0",
+    "@radix-ui/react-avatar": "^1.1.1",
+    "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-toolbar": "^1.1.0",
     "@radix-ui/themes": "^3.1.1",
     "@tiptap/extension-bubble-menu": "^2.5.8",