Feat/users page #184
Errors 24, Warnings 1
Found 24 errors and 1 warnings
Annotations
Check failure on line 8 in ui/checkbox/src/checkbox.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'useState' is defined but never used.
'useState' is defined but never used.
Raw output
5 | import { PropsWithChildren } from 'react'
6 | import { FC } from 'react'
> 7 | import { useState } from 'react'
| ^
8 |
9 | import { Condition } from '@ui/condition'
10 | import { CheckIcon } from '@ui/icons'
Check warning on line 4 in ui/icons/src/TimerIcon.tsx
github-actions / Lint
(null): Unused eslint-disable directive (no problems were reported).
Unused eslint-disable directive (no problems were reported).
Raw output
1 | import { useTheme } from '@emotion/react'
2 |
> 3 | /* eslint-disable */
| ^
4 | import React from 'react'
5 |
6 | import { IconProps } from '../icons.interfaces.js'
Check failure on line 9 in app/fragments/app-member-card/src/member-card.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'useState' is defined but never used.
'useState' is defined but never used.
Raw output
6 | import React from 'react'
7 | import { FC } from 'react'
> 8 | import { useState } from 'react'
| ^
9 |
10 | import { OrganizationsModal } from '@app/organizations-modal'
11 | import { TimerIcon } from '@ui/icons'
Check failure on line 11 in app/fragments/app-member-card/src/member-card.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'OrganizationsModal' is defined but never used.
'OrganizationsModal' is defined but never used.
Raw output
8 | import { useState } from 'react'
9 |
> 10 | import { OrganizationsModal } from '@app/organizations-modal'
| ^
11 | import { TimerIcon } from '@ui/icons'
12 | import { OrganizationsIcon } from '@ui/icons'
13 | import { Box } from '@ui/layout'
Check failure on line 12 in app/fragments/app-member-card/src/member-card.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'TimerIcon' is defined but never used.
'TimerIcon' is defined but never used.
Raw output
9 |
10 | import { OrganizationsModal } from '@app/organizations-modal'
> 11 | import { TimerIcon } from '@ui/icons'
| ^
12 | import { OrganizationsIcon } from '@ui/icons'
13 | import { Box } from '@ui/layout'
14 | import { Progress } from '@ui/progress'
Check failure on line 13 in app/fragments/app-member-card/src/member-card.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'OrganizationsIcon' is defined but never used.
'OrganizationsIcon' is defined but never used.
Raw output
10 | import { OrganizationsModal } from '@app/organizations-modal'
11 | import { TimerIcon } from '@ui/icons'
> 12 | import { OrganizationsIcon } from '@ui/icons'
| ^
13 | import { Box } from '@ui/layout'
14 | import { Progress } from '@ui/progress'
15 | import { ThemeType } from '@ui/theme'
Check failure on line 27 in app/fragments/app-member-card/src/member-card.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'avatarUrl' is assigned a value but never used.
'avatarUrl' is assigned a value but never used.
Raw output
24 |
25 | export const MemberCard: FC<MemberCardProps> = ({ memberData }) => {
> 26 | const { avatarUrl, bio, id, name, url } = memberData
| ^
27 |
28 | const theme = useTheme() as ThemeType
29 |
Check failure on line 27 in app/fragments/app-member-card/src/member-card.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'bio' is assigned a value but never used.
'bio' is assigned a value but never used.
Raw output
24 |
25 | export const MemberCard: FC<MemberCardProps> = ({ memberData }) => {
> 26 | const { avatarUrl, bio, id, name, url } = memberData
| ^
27 |
28 | const theme = useTheme() as ThemeType
29 |
Check failure on line 27 in app/fragments/app-member-card/src/member-card.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'id' is assigned a value but never used.
'id' is assigned a value but never used.
Raw output
24 |
25 | export const MemberCard: FC<MemberCardProps> = ({ memberData }) => {
> 26 | const { avatarUrl, bio, id, name, url } = memberData
| ^
27 |
28 | const theme = useTheme() as ThemeType
29 |
Check failure on line 27 in app/fragments/app-member-card/src/member-card.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'name' is assigned a value but never used.
'name' is assigned a value but never used.
Raw output
24 |
25 | export const MemberCard: FC<MemberCardProps> = ({ memberData }) => {
> 26 | const { avatarUrl, bio, id, name, url } = memberData
| ^
27 |
28 | const theme = useTheme() as ThemeType
29 |
Check failure on line 27 in app/fragments/app-member-card/src/member-card.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'url' is assigned a value but never used.
'url' is assigned a value but never used.
Raw output
24 |
25 | export const MemberCard: FC<MemberCardProps> = ({ memberData }) => {
> 26 | const { avatarUrl, bio, id, name, url } = memberData
| ^
27 |
28 | const theme = useTheme() as ThemeType
29 |
Check failure on line 3 in app/fragments/app-member-card/src/member-card.constants.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'Theme' is defined but never used.
'Theme' is defined but never used.
Raw output
1 | import React from 'react'
> 2 | import { Theme } from 'styled-system'
| ^
3 |
4 | import { GitHubIcon } from '@ui/icons'
5 | import { TelegramIcon } from '@ui/icons'
Check failure on line 23 in app/fragments/app-member-cards-grid/src/member-cards-grid.hook.ts
github-actions / Lint
(react-hooks/exhaustive-deps): React Hook useEffect has missing dependencies: 'organizationMembersLimit', 'organizationsLimit', 'setMembersData', and 'toast'. Either include them or remove the dependency array.
React Hook useEffect has missing dependencies: 'organizationMembersLimit', 'organizationsLimit', 'setMembersData', and 'toast'. Either include them or remove the dependency array.
Raw output
20 | })
21 | }
> 22 | }, [membersData])
| ^
23 |
24 | // TODO get pending members data
25 | // TODO set organizations data by 1st query
github-actions / Lint
(react-hooks/exhaustive-deps): React Hook useEffect has missing dependencies: 'organizationMembersLimit' and 'organizationsLimit'. Either include them or remove the dependency array.
React Hook useEffect has missing dependencies: 'organizationMembersLimit' and 'organizationsLimit'. Either include them or remove the dependency array.
Raw output
37 | })
38 | }
> 39 | }, [toast, organizationsData])
| ^
40 |
41 | return (
42 | <GridAutoRows
github-actions / Lint
(react/jsx-no-undef): 'AnimatedCard' is not defined.
'AnimatedCard' is not defined.
Raw output
46 | >
47 | {organizationsData.map((org: Organization) => (
> 48 | <AnimatedCard img={org.organizationLogo} organization={org.name} />
| ^
49 | ))}
50 | </Box>
51 |
Check failure on line 8 in ui/layout/src/grid/grid.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'useEffect' is defined but never used.
'useEffect' is defined but never used.
Raw output
5 | import { FC } from 'react'
6 | import { PropsWithChildren } from 'react'
> 7 | import { useEffect } from 'react'
| ^
8 | import { useState } from 'react'
9 |
10 | import { GridAutoRowsProps } from './grid.interfaces.js'
Check failure on line 9 in ui/layout/src/grid/grid.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'useState' is defined but never used.
'useState' is defined but never used.
Raw output
6 | import { PropsWithChildren } from 'react'
7 | import { useEffect } from 'react'
> 8 | import { useState } from 'react'
| ^
9 |
10 | import { GridAutoRowsProps } from './grid.interfaces.js'
11 | import { GridAutoRowsContainerProps } from './grid.interfaces.js'
Check failure on line 24 in ui/layout/src/grid/grid.component.tsx
github-actions / Lint
(arrow-body-style): Unexpected block statement surrounding arrow body; move the returned value immediately after the `=>`.
Unexpected block statement surrounding arrow body; move the returned value immediately after the `=>`.
Raw output
21 | const { children, columns, maxColumnWidth, ...otherProps } = props
22 |
> 23 | const getCssPropString = (columnsQuantity: number) => {
| ^
24 | return `repeat(${columnsQuantity}, minmax(auto, ${maxColumnWidth}px))`
25 | }
26 |
Check failure on line 9 in app/fragments/app-member-card/src/image-group/image-group.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'Column' is defined but never used.
'Column' is defined but never used.
Raw output
6 | import { ImageBlock } from '@ui/image'
7 | import { Box } from '@ui/layout'
> 8 | import { Column } from '@ui/layout'
| ^
9 | import { Row } from '@ui/layout'
10 | import { Text } from '@ui/text'
11 |
Check failure on line 11 in app/fragments/app-member-card/src/image-group/image-group.component.tsx
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'Text' is defined but never used.
'Text' is defined but never used.
Raw output
8 | import { Column } from '@ui/layout'
9 | import { Row } from '@ui/layout'
> 10 | import { Text } from '@ui/text'
| ^
11 |
12 | import { OrganizationsButton } from './organizations-button/index.js'
13 | import { TextGroup } from './text-group/index.js'
github-actions / Lint
(@typescript-eslint/no-unused-vars): 'conditionName' is assigned a value but never used.
'conditionName' is assigned a value but never used.
Raw output
15 | // TODO interfaces
16 | export const OnbordingConditionElement: FC<any> = ({ conditionData, divider, checked }) => {
> 17 | const { conditionName, conditionDisplayName, conditionIcon } = conditionData
| ^
18 |
19 | const theme = useTheme() as ThemeType
20 |
github-actions / Lint
(no-empty-pattern): Unexpected empty object pattern.
Unexpected empty object pattern.
Raw output
5 |
6 | // TODO interface
> 7 | export const OrganizationsButton: FC<any> = ({}) => {
| ^
8 | return <Button>organizations</Button>
9 | }
10 |
github-actions / Lint
(arrow-body-style): Unexpected block statement surrounding arrow body; move the returned value immediately after the `=>`.
Unexpected block statement surrounding arrow body; move the returned value immediately after the `=>`.
Raw output
5 |
6 | // TODO interface
> 7 | export const OrganizationsButton: FC<any> = ({}) => {
| ^
8 | return <Button>organizations</Button>
9 | }
10 |
Check failure on line 6 in app/fragments/app-member-card/src/image-group/timer/timer.component.tsx
github-actions / Lint
(no-empty-pattern): Unexpected empty object pattern.
Unexpected empty object pattern.
Raw output
3 |
4 | // TODO interface
> 5 | export const Timer: FC<any> = ({}) => {
| ^
6 | return <>timer</>
7 | }
8 |
Check failure on line 6 in app/fragments/app-member-card/src/image-group/timer/timer.component.tsx
github-actions / Lint
(arrow-body-style): Unexpected block statement surrounding arrow body; move the returned value immediately after the `=>`.
Unexpected block statement surrounding arrow body; move the returned value immediately after the `=>`.
Raw output
3 |
4 | // TODO interface
> 5 | export const Timer: FC<any> = ({}) => {
| ^
6 | return <>timer</>
7 | }
8 |