chore: project setup updated

.eslintrc.json

@@ -1,4 +1,7 @@
 {
+  "env": {
+    "jest": true
+  },
   "extends": [
     "next/core-web-vitals",
     "eslint:recommended",

.github/workflows/tests.yml

@@ -0,0 +1,28 @@
+name: Run Tests
+
+on:
+  push:
+    branches:
+      - main # Change this to your default branch if it's different
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 18
+
+      - name: Install pnpm
+        run: npm install -g pnpm
+
+      - name: Install project dependencies
+        run: pnpm install
+
+      - name: Run Tests
+        run: pnpm test

app/[locale]/apps/layout.tsx

@@ -17,7 +17,7 @@ export default function Layout({ children }: LayoutProps) {
   const navLinks: AsideNavigationItemProps[] = [
     {
       href: '/apps/',
-      icon: <PuzzlePieceIcon width={18} />,
+      icon: <PuzzlePieceIcon width={32} className='w-6 lg:w-4' />,
       label: t(Locales.APPS)
     }
   ]

app/[locale]/layout.tsx

@@ -26,7 +26,7 @@ export default function BaseLayout({ children, params }: BaseLayoutProps) {
             className={classNames(
               'flex min-h-screen flex-col',
               'h-screen overflow-x-hidden text-sm font-medium',
-              'bg-stone-100  text-stone-900',
+              'bg-stone-100  text-black/70',
               'dark:bg-third-100 dark:text-cyan-50'
             )}
           >

app/components/navigation/aside/AsideNavigationItem.tsx

@@ -36,8 +36,10 @@ export const AsideNavigationItem = ({
         }
       )}
     >
-      <span>{icon}</span>
-      <Typography.Text size='sm'>{label}</Typography.Text>
+      {icon}
+      <Typography.Text size='md' className='hidden lg:block'>
+        {label}
+      </Typography.Text>
     </Link>
   )
 }

app/lib/utils/__tests__/address.spec.ts

@@ -0,0 +1,11 @@
+import { toEllipsis } from '../address'
+
+describe('Address', () => {
+  describe('toEllipsis', () => {
+    it('should return ellipsis address', () => {
+      expect(toEllipsis('0x1234567890abcdef1234567890abcdef12345678')).toEqual(
+        '0x1234...5678'
+      )
+    })
+  })
+})

app/lib/utils/address.ts

@@ -1,4 +1,4 @@
-const toEllipsis = (address?: string, head = 6, tail = 4) => {
+export const toEllipsis = (address?: string, head = 6, tail = 4) => {
   if (!address) return ''
   return [address.slice(0, head), '...', address.slice(-tail)].join('')
 }

jest.config.js

@@ -0,0 +1,17 @@
+const nextJest = require('next/jest')
+
+const createJestConfig = nextJest({
+  dir: './'
+})
+
+/** @type {import('jest').Config} */
+const customJestConfig = {
+  moduleDirectories: ['<rootDir>/node_modules', '<rootDir>/'],
+  moduleNameMapper: {
+    '^@/app/utils/(.*)$': '<rootDir>/app/utils/$1'
+  },
+  modulePathIgnorePatterns: ['mocks'],
+  testEnvironment: 'jest-environment-jsdom'
+}
+
+module.exports = createJestConfig(customJestConfig)

package.json

@@ -1,12 +1,17 @@
 {
-  "name": "0xdevhub-v1",
-  "version": "0.1.0",
-  "private": true,
+  "name": "0xdevhub-dapp",
+  "version": "1.0.0",
+  "private": false,
+  "repository": "git@github.com:0xdevhub/dapp.git",
+  "author": "welliton gervickas <wellitogervickas@gmail.com>",
+  "license": "MIT",
   "engines": {
-    "node": ">=18.18.2"
+    "node": ">=18.0.0"
   },
   "scripts": {
     "dev": "next dev",
+    "test": "jest",
+    "test:watch": "jest --watch",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"
@@ -16,33 +21,35 @@
     "classnames": "latest",
     "cssnano": "latest",
     "ethers": "latest",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "lodash": "latest",
+    "next": "14.0.0",
     "next-international": "latest",
-    "react-jazzicon": "latest",
-    "usehooks-ts": "latest",
-    "wagmi": "latest",
     "react": "latest",
     "react-dom": "latest",
-    "next": "14.0.0"
+    "react-jazzicon": "latest",
+    "usehooks-ts": "latest",
+    "wagmi": "latest"
   },
   "devDependencies": {
+    "@types/node": "latest",
+    "@types/react": "latest",
+    "@types/react-dom": "latest",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@vercel/edge-config": "^0.4.1",
+    "autoprefixer": "latest",
     "cssnano": "^6.0.1",
+    "eslint": "latest",
+    "eslint-config-next": "14.0.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-tailwindcss": "^3.13.0",
+    "postcss": "latest",
     "prettier": "latest",
     "prettier-plugin-tailwindcss": "^0.5.6",
     "sharp": "^0.32.6",
-    "typescript": "latest",
-    "@types/node": "latest",
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
-    "autoprefixer": "latest",
-    "postcss": "latest",
     "tailwindcss": "latest",
-    "eslint": "latest",
-    "eslint-config-next": "14.0.0"
+    "typescript": "latest"
   }
 }