Skip to content

Commit cc954b1

Browse files
hunxjunedohunxjunedo
committed
fix lint and correct eslint config
1 parent 0207bf4 commit cc954b1

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+1957
-1967
lines changed

‎.eslintrc

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,15 @@
1717
"rules": {
1818
"@typescript-eslint/no-unused-vars": "error",
1919
"@typescript-eslint/consistent-type-definitions": ["error", "type"],
20+
"@typescript-eslint/ban-types": [
21+
"error",
22+
{
23+
"extendDefaults": true,
24+
"types": {
25+
"{}": false
26+
}
27+
}
28+
],
2029
"indent": ["error", "tab"],
2130
"react/jsx-indent": ["error", "tab"],
2231
"react/jsx-indent-props": ["error", "tab"],

‎src/components/profile/Themecard.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { GenericItemCardProps } from "../../interfaces/profile"
22

3-
export const ThemeCard: React.FC<GenericItemCardProps> = ({ mode, themeImg, name, description }) => {
3+
export const ThemeCard: React.FC<GenericItemCardProps> = ({ themeImg, name, description }) => {
44
return (
55
<div className="flex gap-3 w-full h-fit flex-row">
66
<img className="w-20 rounded-lg" src={themeImg} />

‎src/components/profile/profileSettings.tsx

Lines changed: 29 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,47 @@
11
import {
2-
SelectContent,
3-
SelectItem,
4-
SelectLabel,
5-
SelectRoot,
6-
SelectTrigger,
7-
SelectValueText,
2+
SelectContent,
3+
SelectItem,
4+
SelectLabel,
5+
SelectRoot,
6+
SelectTrigger,
7+
SelectValueText,
88
} from "@/components/ui/select";
99
import i18n from "@/i18n";
10-
import { createListCollection, useRecipe } from "@chakra-ui/react"
10+
import { createListCollection } from "@chakra-ui/react"
1111
export default function ProfileSettings () {
12-
const supportedLangs =createListCollection({
13-
items: [
14-
{label: 'English', value: 'en'}
15-
]
16-
});
12+
const supportedLangs =createListCollection({
13+
items: [
14+
{label: 'English', value: 'en'}
15+
]
16+
});
1717

1818

19-
const langChangeHandler = (input) => {
20-
const tag = input.value[0];
21-
i18n.changeLanguage(tag);
19+
const langChangeHandler = (input) => {
20+
const tag = input.value[0];
21+
i18n.changeLanguage(tag);
2222

23-
}
23+
}
2424
return (
2525
<div className="rounded-xl w-[95vw] grid gap-8 text-primary-white
2626
self-center my-5 p-10 bg-primary-darkForeground">
2727
<h2 className="font-extrabold text-xl ">Profile settings</h2>
2828
<div className="flex flex-row gap-14 flex-wrap">
2929
<div className="grid grid-flow-row gap-3">
30-
<SelectRoot onValueChange={langChangeHandler} width='100px' collection={supportedLangs}>
31-
<SelectLabel className="font-extrabold">Language </SelectLabel>
32-
<SelectTrigger className="border-2 px-1 rounded-md border-primary-mutedForeground">
33-
<SelectValueText placeholder="Select Language" />
34-
</SelectTrigger>
35-
<SelectContent className="border-2 border-red-900" border='Highlight' >
36-
{supportedLangs.items.map((lang) => (
37-
<SelectItem item={lang} key={lang.value}>
38-
{lang.label}
39-
</SelectItem>
40-
))}
41-
</SelectContent>
42-
</SelectRoot>
30+
<SelectRoot onValueChange={langChangeHandler} width='100px' collection={supportedLangs}>
31+
<SelectLabel className="font-extrabold">Language </SelectLabel>
32+
<SelectTrigger className="border-2 px-1 rounded-md border-primary-mutedForeground">
33+
<SelectValueText placeholder="Select Language" />
34+
</SelectTrigger>
35+
<SelectContent className="border-2 border-red-900" border='Highlight' >
36+
{supportedLangs.items.map((lang) => (
37+
<SelectItem item={lang} key={lang.value}>
38+
{lang.label}
39+
</SelectItem>
40+
))}
41+
</SelectContent>
42+
</SelectRoot>
4343
</div>
4444
</div>
4545
</div>
4646
)
4747
}
48-
49-
const Select = ({children, onchangefunc} : any) => (
50-
<select onChange={onchangefunc} className="bg-transparent border-accent-500 border-2 rounded-lg px-5 py-1">
51-
{children}
52-
</select>
53-
)
54-
55-
//im writing type to any temporarily, until we use a cmpnt library

‎src/components/ui/accordion.tsx

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -2,45 +2,45 @@ import { Accordion, HStack } from "@chakra-ui/react"
22
import { forwardRef } from "react"
33
import { LuChevronDown } from "react-icons/lu"
44

5-
interface AccordionItemTriggerProps extends Accordion.ItemTriggerProps {
5+
type AccordionItemTriggerProps = {
66
indicatorPlacement?: "start" | "end"
7-
}
7+
} & Accordion.ItemTriggerProps
88

99
export const AccordionItemTrigger = forwardRef<
1010
HTMLButtonElement,
1111
AccordionItemTriggerProps
1212
>(function AccordionItemTrigger(props, ref) {
13-
const { children, indicatorPlacement = "end", ...rest } = props
14-
return (
15-
<Accordion.ItemTrigger {...rest} ref={ref}>
16-
{indicatorPlacement === "start" && (
17-
<Accordion.ItemIndicator rotate={{ base: "-90deg", _open: "0deg" }}>
18-
<LuChevronDown />
19-
</Accordion.ItemIndicator>
20-
)}
21-
<HStack gap="4" flex="1" textAlign="start" width="full">
22-
{children}
23-
</HStack>
24-
{indicatorPlacement === "end" && (
25-
<Accordion.ItemIndicator>
26-
<LuChevronDown />
27-
</Accordion.ItemIndicator>
28-
)}
29-
</Accordion.ItemTrigger>
30-
)
13+
const { children, indicatorPlacement = "end", ...rest } = props
14+
return (
15+
<Accordion.ItemTrigger {...rest} ref={ref}>
16+
{indicatorPlacement === "start" && (
17+
<Accordion.ItemIndicator rotate={{ base: "-90deg", _open: "0deg" }}>
18+
<LuChevronDown />
19+
</Accordion.ItemIndicator>
20+
)}
21+
<HStack gap="4" flex="1" textAlign="start" width="full">
22+
{children}
23+
</HStack>
24+
{indicatorPlacement === "end" && (
25+
<Accordion.ItemIndicator>
26+
<LuChevronDown />
27+
</Accordion.ItemIndicator>
28+
)}
29+
</Accordion.ItemTrigger>
30+
)
3131
})
3232

33-
interface AccordionItemContentProps extends Accordion.ItemContentProps {}
33+
type AccordionItemContentProps = {} & Accordion.ItemContentProps
3434

3535
export const AccordionItemContent = forwardRef<
3636
HTMLDivElement,
3737
AccordionItemContentProps
3838
>(function AccordionItemContent(props, ref) {
39-
return (
40-
<Accordion.ItemContent>
41-
<Accordion.ItemBody {...props} ref={ref} />
42-
</Accordion.ItemContent>
43-
)
39+
return (
40+
<Accordion.ItemContent>
41+
<Accordion.ItemBody {...props} ref={ref} />
42+
</Accordion.ItemContent>
43+
)
4444
})
4545

4646
export const AccordionRoot = Accordion.Root

‎src/components/ui/action-bar.tsx

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -2,37 +2,37 @@ import { ActionBar, Portal } from "@chakra-ui/react"
22
import { CloseButton } from "./close-button"
33
import { forwardRef } from "react"
44

5-
interface ActionBarContentProps extends ActionBar.ContentProps {
5+
type ActionBarContentProps = {
66
portalled?: boolean
77
portalRef?: React.RefObject<HTMLElement>
8-
}
8+
} & ActionBar.ContentProps
99

1010
export const ActionBarContent = forwardRef<
1111
HTMLDivElement,
1212
ActionBarContentProps
1313
>(function ActionBarContent(props, ref) {
14-
const { children, portalled = true, portalRef, ...rest } = props
14+
const { children, portalled = true, portalRef, ...rest } = props
1515

16-
return (
17-
<Portal disabled={!portalled} container={portalRef}>
18-
<ActionBar.Positioner>
19-
<ActionBar.Content ref={ref} {...rest} asChild={false}>
20-
{children}
21-
</ActionBar.Content>
22-
</ActionBar.Positioner>
23-
</Portal>
24-
)
16+
return (
17+
<Portal disabled={!portalled} container={portalRef}>
18+
<ActionBar.Positioner>
19+
<ActionBar.Content ref={ref} {...rest} asChild={false}>
20+
{children}
21+
</ActionBar.Content>
22+
</ActionBar.Positioner>
23+
</Portal>
24+
)
2525
})
2626

2727
export const ActionBarCloseTrigger = forwardRef<
2828
HTMLButtonElement,
2929
ActionBar.CloseTriggerProps
3030
>(function ActionBarCloseTrigger(props, ref) {
31-
return (
32-
<ActionBar.CloseTrigger {...props} asChild ref={ref}>
33-
<CloseButton size="sm" />
34-
</ActionBar.CloseTrigger>
35-
)
31+
return (
32+
<ActionBar.CloseTrigger {...props} asChild ref={ref}>
33+
<CloseButton size="sm" />
34+
</ActionBar.CloseTrigger>
35+
)
3636
})
3737

3838
export const ActionBarRoot = ActionBar.Root

‎src/components/ui/alert.tsx

Lines changed: 38 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -2,50 +2,50 @@ import { Alert as ChakraAlert } from "@chakra-ui/react"
22
import { CloseButton } from "./close-button"
33
import { forwardRef } from "react"
44

5-
export interface AlertProps extends Omit<ChakraAlert.RootProps, "title"> {
5+
export type AlertProps = {
66
startElement?: React.ReactNode
77
endElement?: React.ReactNode
88
title?: React.ReactNode
99
icon?: React.ReactElement
1010
closable?: boolean
1111
onClose?: () => void
12-
}
12+
} & Omit<ChakraAlert.RootProps, "title">
1313

1414
export const Alert = forwardRef<HTMLDivElement, AlertProps>(
15-
function Alert(props, ref) {
16-
const {
17-
title,
18-
children,
19-
icon,
20-
closable,
21-
onClose,
22-
startElement,
23-
endElement,
24-
...rest
25-
} = props
26-
return (
27-
<ChakraAlert.Root ref={ref} {...rest}>
28-
{startElement || <ChakraAlert.Indicator>{icon}</ChakraAlert.Indicator>}
29-
{children ? (
30-
<ChakraAlert.Content>
31-
<ChakraAlert.Title>{title}</ChakraAlert.Title>
32-
<ChakraAlert.Description>{children}</ChakraAlert.Description>
33-
</ChakraAlert.Content>
34-
) : (
35-
<ChakraAlert.Title flex="1">{title}</ChakraAlert.Title>
36-
)}
37-
{endElement}
38-
{closable && (
39-
<CloseButton
40-
size="sm"
41-
pos="relative"
42-
top="-2"
43-
insetEnd="-2"
44-
alignSelf="flex-start"
45-
onClick={onClose}
46-
/>
47-
)}
48-
</ChakraAlert.Root>
49-
)
50-
},
15+
function Alert(props, ref) {
16+
const {
17+
title,
18+
children,
19+
icon,
20+
closable,
21+
onClose,
22+
startElement,
23+
endElement,
24+
...rest
25+
} = props
26+
return (
27+
<ChakraAlert.Root ref={ref} {...rest}>
28+
{startElement || <ChakraAlert.Indicator>{icon}</ChakraAlert.Indicator>}
29+
{children ? (
30+
<ChakraAlert.Content>
31+
<ChakraAlert.Title>{title}</ChakraAlert.Title>
32+
<ChakraAlert.Description>{children}</ChakraAlert.Description>
33+
</ChakraAlert.Content>
34+
) : (
35+
<ChakraAlert.Title flex="1">{title}</ChakraAlert.Title>
36+
)}
37+
{endElement}
38+
{closable && (
39+
<CloseButton
40+
size="sm"
41+
pos="relative"
42+
top="-2"
43+
insetEnd="-2"
44+
alignSelf="flex-start"
45+
onClick={onClose}
46+
/>
47+
)}
48+
</ChakraAlert.Root>
49+
)
50+
},
5151
)

0 commit comments

Comments
 (0)