Lint updates

carrismetropolitana · Dec 30, 2024 · e0b31f3 · e0b31f3
1 parent a0f8d9e
commit e0b31f3
Show file tree

Hide file tree

Showing 37 changed files with 133 additions and 210 deletions.
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
@@ -1,9 +1,9 @@
 /* * */
 
 import { availableFormats } from '@/i18n/config';
-import { Inter } from 'next/font/google';
 import { NextIntlClientProvider } from 'next-intl';
 import { getLocale, getMessages } from 'next-intl/server';
+import { Inter } from 'next/font/google';
 import { NuqsAdapter } from 'nuqs/adapters/next/app';
 
 /* * */

diff --git a/frontend/components/add-device/Error/index.tsx b/frontend/components/add-device/Error/index.tsx
@@ -3,8 +3,8 @@
 /* * */
 
 import { Section } from '@/components/layout/Section';
-import { useRouter } from 'next/navigation';
 import { useTranslations } from 'next-intl';
+import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 
 import styles from './styles.module.css';

diff --git a/frontend/components/add-device/Page/index.tsx b/frontend/components/add-device/Page/index.tsx
@@ -1,8 +1,8 @@
 /* * */
 
 import { Section } from '@/components/layout/Section';
-import { useRouter } from 'next/navigation';
 import { useTranslations } from 'next-intl';
+import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 
 import styles from './styles.module.css';

diff --git a/frontend/components/alerts/AlertActivePeriod/index.tsx b/frontend/components/alerts/AlertActivePeriod/index.tsx
@@ -6,14 +6,19 @@ import styles from './styles.module.css';
 
 /* * */
 
+interface AlertActivePeriodEndProps {
+	date?: Date
+	size?: 'md' | 'sm'
+}
+
 interface AlertActivePeriodStartProps {
 	date?: Date
 	size?: 'md' | 'sm'
 }
 
 /* * */
 
-export function AlertActivePeriodStart({ date, size = 'md' }: AlertActivePeriodStartProps) {
+export function AlertActivePeriodEnd({ date, size = 'md' }: AlertActivePeriodEndProps) {
 	//
 
 	//
@@ -25,22 +30,15 @@ export function AlertActivePeriodStart({ date, size = 'md' }: AlertActivePeriodS
 	// B. Render components
 
 	if (date) {
-		return <p className={`${styles.text} ${styles[size]}`}>{t.rich('start', { parsedDate: chunks => <strong>{chunks}</strong>, start: date })}</p>;
+		return <p className={`${styles.text} ${styles[size]}`}>{t.rich('end', { end: date, parsedDate: chunks => <strong>{chunks}</strong> })}</p>;
 	}
 
 	//
 }
 
 /* * */
 
-interface AlertActivePeriodEndProps {
-	date?: Date
-	size?: 'md' | 'sm'
-}
-
-/* * */
-
-export function AlertActivePeriodEnd({ date, size = 'md' }: AlertActivePeriodEndProps) {
+export function AlertActivePeriodStart({ date, size = 'md' }: AlertActivePeriodStartProps) {
 	//
 
 	//
@@ -52,7 +50,7 @@ export function AlertActivePeriodEnd({ date, size = 'md' }: AlertActivePeriodEnd
 	// B. Render components
 
 	if (date) {
-		return <p className={`${styles.text} ${styles[size]}`}>{t.rich('end', { end: date, parsedDate: chunks => <strong>{chunks}</strong> })}</p>;
+		return <p className={`${styles.text} ${styles[size]}`}>{t.rich('start', { parsedDate: chunks => <strong>{chunks}</strong>, start: date })}</p>;
 	}
 
 	//

diff --git a/frontend/components/alerts/AlertCauseEffectIcon/index.tsx b/frontend/components/alerts/AlertCauseEffectIcon/index.tsx
@@ -15,6 +15,12 @@ interface AlertCauseIconProps {
 	withText?: boolean
 }
 
+interface AlertEffectIconProps {
+	className?: string
+	effect?: AlertEffect
+	withText?: boolean
+}
+
 /* * */
 
 export function AlertCauseIcon({ cause, className, withText = false }: AlertCauseIconProps) {
@@ -96,14 +102,6 @@ export function AlertCauseIcon({ cause, className, withText = false }: AlertCaus
 
 /* * */
 
-interface AlertEffectIconProps {
-	className?: string
-	effect?: AlertEffect
-	withText?: boolean
-}
-
-/* * */
-
 export function AlertEffectIcon({ className, effect, withText = false }: AlertEffectIconProps) {
 	//
 

diff --git a/frontend/components/analytics/ConsentPopup/index.tsx b/frontend/components/analytics/ConsentPopup/index.tsx
@@ -4,12 +4,10 @@
 
 import { Logo } from '@/components/header/Logo';
 import { useAnalyticsContext } from '@/contexts/Analytics.context';
-// import { BrandsCmet } from '@/settings/assets.settings';
 import { Button, Modal } from '@mantine/core';
-// import Image from 'next/image';
+import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { useTranslations } from 'next-intl';
 import { useEffect, useState } from 'react';
 
 import styles from './styles.module.css';

diff --git a/frontend/components/app-navegante/AppNaveganteStartupMessageDefault/index.tsx b/frontend/components/app-navegante/AppNaveganteStartupMessageDefault/index.tsx
@@ -6,8 +6,8 @@ import { useEnvironmentContext } from '@/contexts/Environment.context';
 import { URLS } from '@/settings/urls.settings';
 import { Button } from '@mantine/core';
 import { IconArrowBigUpLinesFilled } from '@tabler/icons-react';
-import Link from 'next/link';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 
 import styles from './styles.module.css';
 

diff --git a/frontend/components/app/AppStartupMessageDefault/index.tsx b/frontend/components/app/AppStartupMessageDefault/index.tsx
@@ -7,8 +7,8 @@ import { useEnvironmentContext } from '@/contexts/Environment.context';
 import { URLS } from '@/settings/urls.settings';
 import { Player } from '@lottiefiles/react-lottie-player';
 import { Button } from '@mantine/core';
-import Link from 'next/link';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 
 import styles from './styles.module.css';
 

diff --git a/frontend/components/cards/Discounts/index.tsx b/frontend/components/cards/Discounts/index.tsx
@@ -1,8 +1,8 @@
 /* * */
 
 import { Surface } from '@/components/layout/Surface';
-import Link from 'next/link';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 
 import styles from './styles.module.css';
 

diff --git a/frontend/components/common/BackButton/index.tsx b/frontend/components/common/BackButton/index.tsx
@@ -4,9 +4,9 @@
 
 import { useEnvironmentContext } from '@/contexts/Environment.context';
 import { IconArrowLeft } from '@tabler/icons-react';
+import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
-import { useTranslations } from 'next-intl';
 import { useMemo } from 'react';
 
 import styles from './styles.module.css';

diff --git a/frontend/components/common/Combobox/index.tsx b/frontend/components/common/Combobox/index.tsx
@@ -1,12 +1,8 @@
+/* * */
+
 import { Combobox, InputBase, useCombobox } from '@mantine/core';
 import { useState } from 'react';
 
-// Define interfaces for the data structure
-interface ComboboxGroupData {
-	group: string
-	items: string[]
-}
-
 export interface ComboboxProps {
 	data: ComboboxGroupData[] | string[]
 	label?: string // Optional label for the combobox
@@ -15,6 +11,13 @@ export interface ComboboxProps {
 	searchable?: boolean // Enables search functionality
 }
 
+interface ComboboxGroupData {
+	group: string
+	items: string[]
+}
+
+/* * */
+
 const isGroupedData = (data: ComboboxGroupData[] | string[]): data is ComboboxGroupData[] => {
 	return Array.isArray(data) && data.length > 0 && typeof data[0] === 'object' && 'group' in data[0];
 };

diff --git a/frontend/components/common/LineBadgeBaseIcon/index.tsx b/frontend/components/common/LineBadgeBaseIcon/index.tsx
@@ -1,13 +1,17 @@
-interface Variant {
-	variant: 'inter-regional' | 'longa' | 'mar' | 'proxima' | 'rapida'
-}
+/* * */
 
 interface Fill {
 	fill: string
 }
 
 type Props = Fill | Variant;
 
+interface Variant {
+	variant: 'inter-regional' | 'longa' | 'mar' | 'proxima' | 'rapida'
+}
+
+/* * */
+
 export default function Component(props: Props) {
 	let fillColor = '';
 

diff --git a/frontend/components/common/NextArrivals/index.tsx b/frontend/components/common/NextArrivals/index.tsx
@@ -12,13 +12,6 @@ import styles from './styles.module.css';
 
 /* * */
 
-interface Props {
-	allowPastArrivals?: boolean
-	arrivals: number[]
-	status: ArrivalStatus
-	withIcon?: boolean
-}
-
 interface NextArrival {
 	estimated_arrival_hours: number
 	estimated_arrival_minutes: number
@@ -27,6 +20,13 @@ interface NextArrival {
 	label: string
 }
 
+interface Props {
+	allowPastArrivals?: boolean
+	arrivals: number[]
+	status: ArrivalStatus
+	withIcon?: boolean
+}
+
 /* * */
 
 export function NextArrivals({ allowPastArrivals = true, arrivals, status, withIcon = true }: Props) {

diff --git a/frontend/components/common/TimetableSchedules/index.tsx b/frontend/components/common/TimetableSchedules/index.tsx
@@ -10,6 +10,14 @@ import styles from './styles.module.css';
 
 /* * */
 
+interface TimetableSchedulesMinuteProps {
+	isHighlighted: boolean
+	minuteData: Minute
+	onClick?: () => void
+	selectedExceptionIds: string[]
+	setSelectedExceptionIds: (values: string[]) => void
+}
+
 interface TimetableSchedulesProps {
 	selectedExceptionIds: string[]
 	setSelectedExceptionIds: (values: string[]) => void
@@ -59,16 +67,6 @@ export default function TimetableSchedules({ selectedExceptionIds, setSelectedEx
 
 /* * */
 
-interface TimetableSchedulesMinuteProps {
-	isHighlighted: boolean
-	minuteData: Minute
-	onClick?: () => void
-	selectedExceptionIds: string[]
-	setSelectedExceptionIds: (values: string[]) => void
-}
-
-/* * */
-
 function TimetableSchedulesMinute({ isHighlighted, minuteData, onClick, selectedExceptionIds, setSelectedExceptionIds }: TimetableSchedulesMinuteProps) {
 	//
 

diff --git a/frontend/components/contacts/Page/index.tsx b/frontend/components/contacts/Page/index.tsx
@@ -9,8 +9,8 @@ import { Surface } from '@/components/layout/Surface';
 import { IconsCommon } from '@/settings/assets.settings';
 import { Routes } from '@/utils/routes';
 import { IconPhone, IconUmbrella } from '@tabler/icons-react';
-import Image from 'next/image';
 import { useTranslations } from 'next-intl';
+import Image from 'next/image';
 
 import styles from './styles.module.css';
 

diff --git a/frontend/components/footer/Footer/index.tsx b/frontend/components/footer/Footer/index.tsx
@@ -9,8 +9,8 @@ import { Section } from '@/components/layout/Section';
 import { Surface } from '@/components/layout/Surface';
 import { useDebugContext } from '@/contexts/Debug.context';
 import { footerNavigationGroup } from '@/settings/navigation.settings';
-import Link from 'next/link';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 
 import styles from './styles.module.css';
 

diff --git a/frontend/components/helpdesks/WhereToBuy/index.tsx b/frontend/components/helpdesks/WhereToBuy/index.tsx
@@ -5,8 +5,8 @@ import { Section } from '@/components/layout/Section';
 import { Surface } from '@/components/layout/Surface';
 import { ThemeSwitch } from '@/components/responsive/ThemeSwitch';
 import { Image } from '@mantine/core';
-import Link from 'next/link';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 
 import styles from './styles.module.css';
 

diff --git a/frontend/components/home/MainCarouselCard/index.tsx b/frontend/components/home/MainCarouselCard/index.tsx
@@ -3,8 +3,8 @@
 import { ImagesCommon } from '@/settings/assets.settings';
 import { Image } from '@mantine/core';
 import { IconArrowRight } from '@tabler/icons-react';
-import Link from 'next/link';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 
 import styles from './styles.module.css';
 

diff --git a/frontend/components/home/MetricsSection/index.tsx b/frontend/components/home/MetricsSection/index.tsx
@@ -10,8 +10,8 @@ import { Surface } from '@/components/layout/Surface';
 import { MetricsDemandChart } from '@/components/metrics/MetricsDemandChart';
 import { Routes } from '@/utils/routes';
 import { DateTime } from 'luxon';
-import Link from 'next/link';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 import { useMemo } from 'react';
 import useSWR from 'swr';
 

diff --git a/frontend/components/home/MetricsSectionDemandSkeleton/index.tsx b/frontend/components/home/MetricsSectionDemandSkeleton/index.tsx
@@ -7,7 +7,7 @@ import styles from './styles.module.css';
 
 /* * */
 
-export default function Component() {
+export function MetricsSectionDemandSkeleton() {
 	return (
 		<div className={styles.container}>
 			<div className={styles.skeletonWrapper}>

diff --git a/frontend/components/home/QuickSearchFavoritesBar/index.tsx b/frontend/components/home/QuickSearchFavoritesBar/index.tsx
@@ -9,9 +9,9 @@ import { LineBadge } from '@/components/lines/LineBadge';
 import { useAlertsContext } from '@/contexts/Alerts.context';
 import { useProfileContext } from '@/contexts/Profile.context';
 import { Routes, RoutesSchedule } from '@/utils/routes';
+import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
-import { useTranslations } from 'next-intl';
 import { useMemo } from 'react';
 import useSWR from 'swr';
 

diff --git a/frontend/components/home/QuickSearchWidget/index.tsx b/frontend/components/home/QuickSearchWidget/index.tsx
@@ -6,8 +6,8 @@ import { SelectLine } from '@/components/common/SelectLine';
 import { SelectStop } from '@/components/common/SelectStop';
 import { Routes } from '@/utils/routes';
 import { SegmentedControl } from '@mantine/core';
-import { useRouter } from 'next/navigation';
 import { useTranslations } from 'next-intl';
+import { useRouter } from 'next/navigation';
 import { useState } from 'react';
 import useSWR from 'swr';
 

diff --git a/frontend/components/layout/Surface/index.tsx b/frontend/components/layout/Surface/index.tsx
@@ -8,7 +8,7 @@ interface Props {
 	children?: React.ReactNode
 	forceOverflow?: boolean
 	fullHeight?: boolean
-	variant?: 'alerts' | 'brand' | 'brand2' | 'debug' | 'default' | 'muted' | 'persistent' | 'standout' | 'success' | 'warning'
+	variant?: 'alerts' | 'brand2' | 'brand' | 'debug' | 'default' | 'muted' | 'persistent' | 'standout' | 'success' | 'warning'
 }
 
 /* * */