feat: Dropdown, Fieldset, Footer, Input, InputContainer, Link, SheepL…

…ogo integration

package.json

@@ -35,7 +35,7 @@
     "@next-auth/prisma-adapter": "1.0.5",
     "@prisma/client": "4.11.0",
     "@sentry/nextjs": "7.45.0",
-    "@taskany/bricks": "1.0.0",
+    "@taskany/bricks": "1.0.1",
     "@taskany/colors": "1.0.4",
     "@tippyjs/react": "4.2.6",
     "apollo-server-micro": "3.12.0",

src/components/CommentForm.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import { Controller, Control } from 'react-hook-form';
 import { useTranslations } from 'next-intl';
 import { backgroundColor, gapS, gray4, gray6 } from '@taskany/colors';
-import { Button } from '@taskany/bricks';
+import { Button, Link } from '@taskany/bricks';
 
 import { submitKeys } from '../utils/hotkeys';
 import { nullable } from '../utils/nullable';
@@ -15,7 +15,6 @@ import { Form } from './Form';
 import { Icon } from './Icon';
 import { FormAction, FormActions } from './FormActions';
 import { Tip } from './Tip';
-import { Link } from './Link';
 import { FormEditor } from './FormEditor';
 
 interface CommentFormProps {

src/components/CommentView.tsx

@@ -3,22 +3,20 @@ import styled from 'styled-components';
 import dynamic from 'next/dynamic';
 import { useTranslations } from 'next-intl';
 import { brandColor, danger0, gapM, gapS, gray4 } from '@taskany/colors';
-import { Card, CardComment, CardInfo } from '@taskany/bricks';
+import { Card, CardComment, CardInfo, Dropdown, Link } from '@taskany/bricks';
 
 import { Comment, User } from '../../graphql/@generated/genql';
 import { nullable } from '../utils/nullable';
 import { useReactionsResource } from '../hooks/useReactionsResource';
 import { useCommentResource } from '../hooks/useCommentResource';
 
-import { Link } from './Link';
 import { UserPic } from './UserPic';
 import { Icon } from './Icon';
 import { Reactions } from './Reactions';
 import { ActivityFeedItem } from './ActivityFeed';
 import { MenuItem } from './MenuItem';
 
 const Md = dynamic(() => import('./Md'));
-const Dropdown = dynamic(() => import('./Dropdown'));
 const RelativeTime = dynamic(() => import('./RelativeTime'));
 const CommentEditForm = dynamic(() => import('./CommentEditForm'));
 const ReactionsDropdown = dynamic(() => import('./ReactionsDropdown'));

src/components/EstimateComboBox.tsx

@@ -1,9 +1,8 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import InputMask from 'react-input-mask';
-import dynamic from 'next/dynamic';
 import { danger8, danger9, gray6, textColor } from '@taskany/colors';
-import { Button } from '@taskany/bricks';
+import { Button, Input, ComboBox } from '@taskany/bricks';
 
 import { EstimateInput } from '../../graphql/@generated/genql';
 import {
@@ -18,9 +17,6 @@ import { usePageContext } from '../hooks/usePageContext';
 import { TLocale } from '../i18n/getLang';
 
 import { Icon } from './Icon';
-import { Input } from './Input';
-
-const ComboBox = dynamic(() => import('@taskany/bricks/components/ComboBox'));
 
 interface EstimateComboBoxProps {
     text?: React.ComponentProps<typeof Button>['text'];

src/components/EstimateFilterDropdown.tsx

@@ -1,13 +1,11 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import dynamic from 'next/dynamic';
+import { Dropdown } from '@taskany/bricks';
 
 import { Estimate } from '../../graphql/@generated/genql';
 
 import { FiltersMenuItem } from './FiltersMenuItem';
 import { MenuItem } from './MenuItem';
 
-const Dropdown = dynamic(() => import('./Dropdown'));
-
 interface EstimateFilterDropdownProps {
     text: React.ComponentProps<typeof Dropdown>['text'];
     value?: string[];

src/components/FiltersPanel.tsx

@@ -2,11 +2,10 @@ import React, { useCallback } from 'react';
 import styled from 'styled-components';
 import { useTranslations } from 'next-intl';
 import { gapM, gapS, gray5, textColor } from '@taskany/colors';
-import { Badge, Text } from '@taskany/bricks';
+import { Badge, Text, Input } from '@taskany/bricks';
 
 import { nullable } from '../utils/nullable';
 
-import { Input } from './Input';
 import { PageContent } from './Page';
 import { StateFilterDropdown } from './StateFilterDropdown';
 import { UserFilterDropdown } from './UserFilterDropdown';

src/components/FlowComboBox.tsx

@@ -2,19 +2,15 @@
 import React, { ChangeEvent, useState } from 'react';
 import styled from 'styled-components';
 import useSWR from 'swr';
-import dynamic from 'next/dynamic';
-import { Button } from '@taskany/bricks';
+import { Button, Input, ComboBox } from '@taskany/bricks';
 
 import { createFetcher } from '../utils/createFetcher';
 import { Flow } from '../../graphql/@generated/genql';
 import { usePageContext } from '../hooks/usePageContext';
 
-import { Input } from './Input';
 import { MenuItem } from './MenuItem';
 import { Icon } from './Icon';
 
-const ComboBox = dynamic(() => import('@taskany/bricks/components/ComboBox'));
-
 interface FlowComboBoxProps {
     text: React.ComponentProps<typeof Button>['text'];
     value?: Partial<Flow>;