From 9160fd63387101afa6eae9553b3649d517615e60 Mon Sep 17 00:00:00 2001 From: Sivritkin Dmitriy <129217598+velenyx@users.noreply.github.com> Date: Sun, 24 Sep 2023 23:27:20 +0300 Subject: [PATCH 01/43] =?UTF-8?q?fix:=20=F0=9F=9A=91=20ci=20(#102)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * docs: update README.md * docs: update README.md * fix: :ambulance: fix ci don't work in develop and master branches --------- Co-authored-by: Nikita Mashchenko <52038455+nmashchenko@users.noreply.github.com> --- .github/workflows/client.yml | 8 +++++--- README.md | 7 +++++++ 2 files changed, 12 insertions(+), 3 deletions(-) create mode 100644 README.md diff --git a/.github/workflows/client.yml b/.github/workflows/client.yml index 0550f3e07..c017fed77 100644 --- a/.github/workflows/client.yml +++ b/.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/**" @@ -86,4 +88,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 }} \ No newline at end of file + vercel-args: ${{ steps.vercel_args.outputs.args }} diff --git a/README.md b/README.md new file mode 100644 index 000000000..b29dc14b1 --- /dev/null +++ b/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) From 448751032b386e520775cfb1e6102b3f97e71171 Mon Sep 17 00:00:00 2001 From: Sivritkin Dmitriy <129217598+velenyx@users.noreply.github.com> Date: Mon, 25 Sep 2023 00:41:32 +0300 Subject: [PATCH 02/43] =?UTF-8?q?feature:=20=E2=9C=A8=20storybook=20pallet?= =?UTF-8?q?e=20icons=20docs=20(#106)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat: add colors story * feat: add loading story * feat: add iconography stories and change stories settings --- client/.storybook/main.ts | 10 +- client/.storybook/preview.ts | 26 - client/.storybook/preview.tsx | 84 ++ client/docs/colors.stories.mdx | 134 +++ client/docs/loading.stories.mdx | 14 + client/package.json | 2 + client/src/shared/assets/icons.module.scss | 24 + client/src/shared/assets/icons.stories.mdx | 16 + client/src/shared/assets/storybook.ts | 10 + client/yarn.lock | 924 ++++++++++++++++++++- 10 files changed, 1211 insertions(+), 33 deletions(-) delete mode 100644 client/.storybook/preview.ts create mode 100644 client/.storybook/preview.tsx create mode 100644 client/docs/colors.stories.mdx create mode 100644 client/docs/loading.stories.mdx create mode 100644 client/src/shared/assets/icons.module.scss create mode 100644 client/src/shared/assets/icons.stories.mdx create mode 100644 client/src/shared/assets/storybook.ts diff --git a/client/.storybook/main.ts b/client/.storybook/main.ts index 539c9f972..1fd994411 100644 --- a/client/.storybook/main.ts +++ b/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', diff --git a/client/.storybook/preview.ts b/client/.storybook/preview.ts deleted file mode 100644 index 3e1c88584..000000000 --- a/client/.storybook/preview.ts +++ /dev/null @@ -1,26 +0,0 @@ -import type { Preview } from '@storybook/react'; -import '../src/app/styles/globals.scss'; -import './font.scss'; - -const preview: Preview = { - parameters: { - backgrounds: { - default: 'blacked', - values: [ - { - name: 'blacked', - value: '#26292b', - }, - ], - }, - actions: { argTypesRegex: '^on[A-Z].*' }, - controls: { - matchers: { - color: /(background|color)$/i, - date: /Date$/, - }, - }, - }, -}; - -export default preview; diff --git a/client/.storybook/preview.tsx b/client/.storybook/preview.tsx new file mode 100644 index 000000000..2912a7431 --- /dev/null +++ b/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) => ( +
Drawer content here
+ *For unauthenticated requests, the rate limit allows for up to 60 requests per hour.
+