Icons clean up

.gitattributes

@@ -22,3 +22,6 @@
 *.css text
 *.scss text
 *.sass text
+
+/.yarn/releases/** binary
+/.yarn/plugins/** binary

.github/workflows/client.yml

@@ -4,12 +4,14 @@ run-name: ${{ github.actor }} is starting sueta at the frontend code ☺️
 on:
   push:
     branches:
-      - dev-nextjs
+      - develop
+      - master
     paths:
       - "client/**"
   pull_request:
     branches:
-      - dev-nextjs
+      - develop
+      - master
     paths:
       - "client/**"
 
@@ -48,6 +50,11 @@ jobs:
           yarn lint:ts:check
           yarn prettier:check
 
+      - name: Unit testing 💀💀
+        working-directory: ./client
+        run: |
+          yarn test:unit
+
       - name: Build project
         working-directory: ./client
         run: yarn build
@@ -86,4 +93,4 @@ jobs:
           vercel-org-id: ${{ secrets.ORG_ID }}
           github-token: ${{ secrets.GITHUB_TOKEN }}
           vercel-project-id: ${{ secrets.PROJECT_ID_STORYBOOK }}
-          vercel-args: ${{ steps.vercel_args.outputs.args }}
+          vercel-args: ${{ steps.vercel_args.outputs.args }}

.github/workflows/docker-e2e.yml

@@ -0,0 +1,22 @@
+name: Backend checker, will punish for bad code 🪓😵‍💫
+run-name: ${{ github.actor }} is starting sueta at the backend code ☺️
+
+on:
+  push:
+    branches: [develop, master]
+    paths:
+      - "server/**"
+  pull_request:
+    branches: [develop, master]
+    paths:
+      - "server/**"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Run e2e tests
+        working-directory: ./server
+        run: docker compose -f docker-compose.ci.yaml --env-file env-example -p ci up --build --exit-code-from api

.gitignore

@@ -1,2 +1,12 @@
 /.idea
-/.vscode
+/.vscode
+
+.yarn/*
+!.yarn/patches
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+.pnp.*
+
+/database

README.md

@@ -0,0 +1,7 @@
+# 🚀 Teameights
+
+Refer to following link to find all info you need!
+
+🔗 [Notion](https://teameights.notion.site/ad80d7c691ba47a09be954dc992752ec?v=cffe6ca69a8d4c4b91675b35cfd733ad)
+
+![Logo T8S (8)](https://github.com/nmashchenko/teameights/assets/52038455/b1898e79-8515-4d50-a9ab-8b3d0cf5d042)

client/.env.local.example

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_GOOGLE_API_OAUTH_TOKEN=
+NEXT_PUBLIC_GITHUB_API_OAUTH_TOKEN=

client/.eslintrc.json

@@ -1,12 +1,18 @@
 {
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "jest": true
+  },
   "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint"],
+  "plugins": ["@typescript-eslint", "@tanstack/query"],
   "extends": [
     "next",
     "next/core-web-vitals",
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
-    "plugin:storybook/recommended"
+    "plugin:storybook/recommended",
+    "plugin:@tanstack/eslint-plugin-query/recommended"
   ],
   "globals": {
     "React": "readonly"
@@ -21,9 +27,20 @@
     }
   ],
   "rules": {
+    "react/display-name": 0,
     // I suggest you add those two rules:
-    "@typescript-eslint/no-unused-vars": "error",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "argsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_"
+      }
+    ],
     "@typescript-eslint/no-explicit-any": "error",
-    "@typescript-eslint/no-var-requires": "off"
+    "@typescript-eslint/no-var-requires": "off",
+    // query rules
+    "@tanstack/query/exhaustive-deps": "error",
+    "@tanstack/query/stable-query-client": "error"
   }
 }

client/.storybook/main.ts

@@ -1,13 +1,17 @@
 import type { StorybookConfig } from '@storybook/nextjs';
-import path from 'path';
+import * as path from 'path';
 
 const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  stories: [
+    '../src/**/*.stories.@(js|jsx|mjs|ts|tsx|mdx)',
+    '../docs/**/*.stories.@(js|jsx|mjs|ts|tsx|mdx)',
+  ],
   staticDirs: ['../public'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
     {
       name: '@storybook/addon-styling',
       options: {
@@ -25,7 +29,7 @@ const config: StorybookConfig = {
     },
   },
   docs: {
-    autodocs: 'tag',
+    autodocs: true,
   },
   core: {
     builder: '@storybook/builder-webpack5',

client/.storybook/preview.tsx

@@ -0,0 +1,84 @@
+import type { StoryFn } from '@storybook/react';
+import '../src/app/styles/globals.scss';
+import './font.scss';
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  viewMode: 'docs',
+  previewTabs: {
+    canvas: {
+      title: 'Story',
+    },
+  },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+    },
+  },
+  backgrounds: {
+    default: 'main',
+    values: [
+      {
+        name: 'main',
+        value: '#26292b',
+      },
+      {
+        name: 'white',
+        value: '#fff',
+      },
+      {
+        name: 'additional white',
+        value: '#fafafa',
+      },
+    ],
+  },
+  viewport: {
+    viewports: {
+      '360': {
+        name: '360',
+        styles: {
+          width: '360px',
+          height: '780px',
+        },
+      },
+      '768': {
+        name: '768',
+        styles: {
+          width: '768px',
+          height: '1664px',
+        },
+      },
+      '1024': {
+        name: '1024',
+        styles: {
+          width: '1024px',
+          height: '576px',
+        },
+      },
+      '1600+': {
+        name: '1600+',
+        styles: {
+          width: '1600px',
+          height: '900px',
+        },
+      },
+    },
+  },
+};
+
+export const decorators = [
+  (Story: StoryFn) => (
+    <div
+      style={{
+        margin: 10,
+        display: 'flex',
+        justifyContent: 'start',
+        alignItems: 'start',
+        flexDirection: 'column',
+        gap: '20px',
+      }}
+    >
+      <Story />
+    </div>
+  ),
+];