'rem' is defined but never used. Allowed unused vars must match /^_/u
1import { rem } from '@mantine/core' 2
3import { VariantObj } from '~ui/types/mantine'
4
'color' is assigned a value but never used. Allowed unused vars must match /^_/u
4
5export const Tooltip = {
6 utility1: (theme) => {
7 const { color, ...fontProps } = theme.other.utilityFonts.utility1 8 return {
9 tooltip: {
10 ...fontProps,
'rem' is defined but never used. Allowed unused vars must match /^_/u
1import { rem } from '@mantine/core' 2
3import { VariantObj } from '~ui/types/mantine'
4
'theme' is defined but never used. Allowed unused args must match /^_/u
23 height: rem(40 * 1.25),
24 },
25 }),
26 h2: (theme) => ({27 root: {
28 height: rem(24 * 1.25),
29 },
'theme' is defined but never used. Allowed unused args must match /^_/u
28 height: rem(24 * 1.25),
29 },
30 }),
31 h3: (theme) => ({32 root: {
33 height: rem(16 * 1.25),
34 },
'theme' is defined but never used. Allowed unused args must match /^_/u
13 height: rem(16 * 1.25),
14 },
15 }),
16 utilitySm: (theme) => ({17 root: {
18 height: rem(14 * 1.25),
19 },
'theme' is defined but never used. Allowed unused args must match /^_/u
8 height: rem(16 * 1.5),
9 },
10 }),
11 utility: (theme) => ({12 root: {
13 height: rem(16 * 1.25),
14 },
'theme' is defined but never used. Allowed unused args must match /^_/u
18 height: rem(14 * 1.25),
19 },
20 }),
21 h1: (theme) => ({22 root: {
23 height: rem(40 * 1.25),
24 },
'theme' is defined but never used. Allowed unused args must match /^_/u
3import { VariantObj } from '~ui/types/mantine'
4
5export const Skeleton = {
6 text: (theme) => ({ 7 root: {
8 height: rem(16 * 1.5),
9 },
'theme' is defined but never used. Allowed unused args must match /^_/u
45 },
46 },
47 } satisfies Styles<ListStylesNames, ListStylesParams>),
48 inlineBullet: (theme) => ({49 root: {
50 display: 'flex',
51 gap: rem(8),
'theme' is defined but never used. Allowed unused args must match /^_/u
69 },
70 },
71 }),
72 inline: (theme) => ({73 item: {
74 display: 'inline-block',
75 listStyle: 'none',
'rem' is defined but never used. Allowed unused vars must match /^_/u
1import { rem } from '@mantine/core' 2
3import { VariantObj } from '~ui/types/mantine'
4
'rem' is defined but never used. Allowed unused vars must match /^_/u
1import { rem } from '@mantine/core' 2
3import { VariantObj } from '~ui/types/mantine'
4
'theme' is defined but never used. Allowed unused args must match /^_/u
71 },
72 },
73 }),
74 block: (theme) => ({ 75 root: {
76 display: 'block',
77 },
'theme' is defined but never used. Allowed unused args must match /^_/u
58 },
59 },
60 }),
61 inheritStyle: (theme) => ({ 62 root: {
63 display: 'inline',
64 padding: '0 !important',
'theme' is defined but never used. Allowed unused args must match /^_/u
76 display: 'block',
77 },
78 }),
79 card: (theme) => ({ 80 root: {
81 padding: '0 !important',
82 fontWeight: 'inherit !important' as unknown as 'normal',
'theme' is defined but never used. Allowed unused args must match /^_/u
736 },
737 Textarea: {
738 defaultProps: {} satisfies TextareaProps,
739 styles: (theme) => ({740 input: {
741 height: rem(96),
742 padding: `${rem(14)} ${rem(16)} !important`,
'error' is defined but never used. Allowed unused args must match /^_/u
454 defaultProps: {
455 inputWrapperOrder: ['label', 'input', 'description', 'error'],
456 } satisfies Partial<InputWrapperProps>,
457 styles: (theme, { error }: InputWrapperBaseProps) =>458 ({
459 label: {
460 fontSize: rem(16),
'theme' is defined but never used. Allowed unused args must match /^_/u
624 }),
625 },
626 Skeleton: {
627 defaultProps: (theme) =>628 ({
629 radius: 'xl',
630 } satisfies SkeletonProps),
'theme' is defined but never used. Allowed unused args must match /^_/u
617 ),
618 fullSymbol: <Icon icon='carbon:star-filled' color={theme.other.colors.secondary.black} height={24} />,
619 }),
620 styles: (theme) => ({621 root: {
622 columnGap: rem(4),
623 },
'theme' is defined but never used. Allowed unused args must match /^_/u
691 } satisfies Styles<SwitchStylesNames, SwitchStylesParams>),
692 },
693 SwitchGroup: {
694 styles: (theme) => ({695 label: {
696 paddingBottom: rem(16),
697 },
'theme' is defined but never used. Allowed unused args must match /^_/u
490 }),
491 },
492 LoadingOverlay: {
493 defaultProps: (theme) => ({494 overlayBlur: 2,
495 radius: 'sm',
496 }),
'Clear' is assigned a value but never used. Allowed unused vars must match /^_/u
7
8import { Icon } from '../icon'
9
10const Clear = () => { 11 const { t } = useTranslation()
12
13 return (
'variants' is assigned a value but never used. Allowed unused vars must match /^_/u
214export const FormLocation = () => {
215 const { t, i18n } = useTranslation('common')
216 const form = useSignUpFormContext()
217 const variants = useCustomVariant()218 const { classes } = useLocationStyles()
219 const [locationSearch, setLocationSearch] = useState('')
220 const [search] = useDebouncedValue(form.values.searchLocation, 400)
'useModalProps' is defined but never used. Allowed unused vars must match /^_/u
23import { Button } from '~ui/components/core/Button'
24import { Icon } from '~ui/icon'
25import { trpc as api } from '~ui/lib/trpcClient'
26import { useModalProps } from '~ui/modals' 27
28const useAccordionStyles = createStyles((theme) => ({
29 label: {
Description
Unused variables are generally considered a code smell and should be avoided.
Removing unused references - It prevents unused modules from being loaded at runtime, improving performance, and preventing the compiler from loading metadata that will never be used. - It prevents conflicts that may occur when trying to reference another variable.
NOTE: If you have intentionally left a variable unused, we suggest you to prefix the variable name with a _
to prevent them from being flagged by DeepSource.
Bad Practice
import fs from 'fs' // <- unused
import { readFileSync } from 'fs'
const text = readFileSync('declaration_of_independence.txt', 'utf-8')
console.log(text)
Recommended
import { readFileSync } from 'fs'
const text = readFileSync('declaration_of_independence.txt', 'utf-8')
console.log(text)