Merge pull request #7 from Dosbodoke/6-add-simple-import-sort-to-eslint

Added linting to import/export

.eslintrc.json

@@ -1,3 +1,11 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "plugins": ["simple-import-sort", "import"],
+  "rules": {
+    "simple-import-sort/imports": "warn",
+    "simple-import-sort/exports": "warn",
+    "import/first": "error",
+    "import/newline-after-import": "warn",
+    "import/no-duplicates": "error"
+  }
 }

app/[locale]/Providers.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import type { ReactNode } from "react";
-import { ThemeProvider } from "next-themes";
 import { type AbstractIntlMessages, NextIntlClientProvider } from "next-intl";
+import { ThemeProvider } from "next-themes";
+import type { ReactNode } from "react";
 
 import { ReactQueryProvider } from "@/components/ReactQueryProvider";
 

app/[locale]/[id]/page.tsx

@@ -1,7 +1,8 @@
-import supabase from "@/utils/supabase";
-import Tabs from "@/components/tabs/Tabs";
-import RegistryEntry from "@/components/RegistryEntry";
 import HighlineImage from "@/components/HighlineImage";
+import RegistryEntry from "@/components/RegistryEntry";
+import Tabs from "@/components/tabs/Tabs";
+import supabase from "@/utils/supabase";
+
 import GoBack from "./_components/GoBack";
 
 export async function generateStaticParams() {

app/[locale]/layout.tsx

@@ -1,12 +1,14 @@
 import "./globals.css";
-import { Inter } from "next/font/google";
+
 import { Analytics } from "@vercel/analytics/react";
+import { Inter } from "next/font/google";
 import { notFound } from "next/navigation";
 
-import Providers from "./Providers";
 import Footer from "@/components/Footer";
 import NavBar from "@/components/layout/navbar";
 
+import Providers from "./Providers";
+
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {

app/[locale]/page.tsx

@@ -1,11 +1,12 @@
 "use client";
 
-import { useState, useEffect } from "react";
-import supabase, { type Tables } from "@/utils/supabase";
-import Highline from "@/components/Highline";
+import { useTranslations } from "next-intl";
+import { useEffect, useState } from "react";
+
 import { SearchSvg } from "@/assets";
 import CreateHighline from "@/components/CreateHighline";
-import { useTranslations } from "next-intl";
+import Highline from "@/components/Highline";
+import supabase, { type Tables } from "@/utils/supabase";
 
 export default function Home() {
   const [highlines, setHighlines] = useState<Tables["highline"]["Row"][]>([]);

assets/index.tsx

@@ -1,5 +1,5 @@
-import { SVGAttributes } from "react";
 import { motion } from "framer-motion";
+import { SVGAttributes } from "react";
 
 export const PlusSvg = (props: SVGAttributes<SVGElement>) => (
   <svg

components/CreateHighline.tsx

@@ -1,19 +1,22 @@
 "use client";
 
-import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation } from "@tanstack/react-query";
-import { z } from "zod";
+import Link from "next/link";
+import { useTranslations } from "next-intl";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
 import { v4 as uuidv4 } from "uuid";
+import { z } from "zod";
 
+import { PlusSvg } from "@/assets";
 import supabase, {
   ACCEPTED_IMAGE_TYPES,
   MAX_FILE_SIZE,
 } from "@/utils/supabase";
 
-import { PlusSvg } from "@/assets";
 import { SuccessAnimation } from "./animations/SuccessAnimation";
-import { Form, FormField, FormControl, FormItem, FormLabel } from "./ui/Form";
+import Button from "./ui/Button";
 import {
   Dialog,
   DialogContent,
@@ -22,14 +25,10 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "./ui/Dialog";
+import Dropzone from "./ui/Dropzone";
+import { Form, FormControl, FormField, FormItem, FormLabel } from "./ui/Form";
 import { Input } from "./ui/Input";
-import TextField from "./ui/TextField";
 import { TextArea } from "./ui/TextArea";
-import Dropzone from "./ui/Dropzone";
-import Button from "./ui/Button";
-import Link from "next/link";
-import { useState } from "react";
-import { useTranslations } from "next-intl";
 
 const formSchema = z.object({
   name: z.string().min(3, "Deve conter ao menos 3 caracteres"),

components/Footer.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { useTranslations } from "next-intl";
 import Link from "next/link";
+import { useTranslations } from "next-intl";
 
 function Footer() {
   const t = useTranslations("footer");

components/Highline.tsx

@@ -1,9 +1,10 @@
 import Link from "next/link";
+import { useTranslations } from "next-intl";
 
-import type { Tables } from "@/utils/supabase";
 import { ArrowIcon } from "@/assets";
+import type { Tables } from "@/utils/supabase";
+
 import HighlineImage from "./HighlineImage";
-import { useTranslations } from "next-intl";
 
 interface Props {
   highline: Tables["highline"]["Row"];

components/RegistryEntry.tsx

@@ -1,19 +1,18 @@
 "use client";
 
-import { useState, useEffect } from "react";
-import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useTranslations } from "next-intl";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
 import { z } from "zod";
 
-import supabase from "@/utils/supabase";
+import { PlusSvg } from "@/assets";
 import { transformTimeStringToSeconds } from "@/utils/helperFunctions";
+import supabase from "@/utils/supabase";
 
-import { PlusSvg } from "@/assets";
 import { SuccessAnimation } from "./animations/SuccessAnimation";
-import { TextArea } from "./ui/TextArea";
 import Button from "./ui/Button";
-import NumberPicker from "./ui/NumberPicker";
 import {
   Dialog,
   DialogContent,
@@ -31,7 +30,8 @@ import {
   FormLabel,
 } from "./ui/Form";
 import { Input } from "./ui/Input";
-import { useTranslations } from "next-intl";
+import NumberPicker from "./ui/NumberPicker";
+import { TextArea } from "./ui/TextArea";
 
 const formSchema = z.object({
   instagram: z

components/animations/SuccessAnimation.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import { Player } from "@lottiefiles/react-lottie-player";
+import React from "react";
 
 import succesAnimation from "@/assets/success-animation.json";
 

components/layout/navbar/LocaleSwitcher.tsx

@@ -2,21 +2,18 @@
 
 import { useLocale, useTranslations } from "next-intl";
 import { usePathname, useRouter } from "next-intl/client";
-import { ChangeEvent, useTransition } from "react";
+import { useTransition } from "react";
 
 import {
   Select,
-  SelectTrigger,
-  SelectValue,
   SelectContent,
   SelectGroup,
-  SelectLabel,
   SelectItem,
+  SelectLabel,
+  SelectTrigger,
+  SelectValue,
 } from "@/components/ui/Select";
 
-import { cn } from "@/utils/cn";
-import { ChevronDownIcon } from "@radix-ui/react-icons";
-
 export default function LocaleSwitcher() {
   const t = useTranslations("LocaleSwitcher");
   const [isPending, startTransition] = useTransition();

components/layout/navbar/ThemeToggler.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { useEffect, useState } from "react";
 import { useTheme } from "next-themes";
+import { useEffect, useState } from "react";
 
 import { MoonIcon, SunIcon } from "@/assets";
 

components/tabs/Comments.tsx

@@ -1,11 +1,12 @@
 "use client";
 
 import { useInfiniteQuery } from "@tanstack/react-query";
-import React from "react";
 import Link from "next/link";
 import { useFormatter } from "next-intl";
+import React from "react";
 
 import supabase, { type Tables } from "@/utils/supabase";
+
 import LoadingSkeleton from "./Ranking/LoadingSkeleton";
 import SeeMore from "./SeeMore";
 

components/tabs/Ranking/Cadenas.tsx

@@ -1,10 +1,11 @@
-import React from "react";
-import Link from "next/link";
 import { useInfiniteQuery } from "@tanstack/react-query";
+import Link from "next/link";
+import React from "react";
 
 import supabase, { type Tables } from "@/utils/supabase";
-import LoadingSkeleton from "./LoadingSkeleton";
+
 import SeeMore from "../SeeMore";
+import LoadingSkeleton from "./LoadingSkeleton";
 
 interface Props {
   highline: Tables["highline"]["Row"];

components/tabs/Ranking/CategoryDropdown.tsx

@@ -1,10 +1,11 @@
 "use client";
 
+import { useTranslations } from "next-intl";
 import { useState } from "react";
 
-import { type Category, type Categories } from "./index";
 import { ArrowDownSvg } from "@/assets";
-import { useTranslations } from "next-intl";
+
+import { type Categories, type Category } from "./index";
 
 interface Props {
   categories: Categories;

components/tabs/Ranking/Distance.tsx

@@ -1,10 +1,11 @@
-import React from "react";
-import Link from "next/link";
 import { useInfiniteQuery } from "@tanstack/react-query";
+import Link from "next/link";
+import React from "react";
 
 import supabase, { type Tables } from "@/utils/supabase";
-import LoadingSkeleton from "./LoadingSkeleton";
+
 import SeeMore from "../SeeMore";
+import LoadingSkeleton from "./LoadingSkeleton";
 
 interface Props {
   highline: Tables["highline"]["Row"];

components/tabs/Ranking/FullLine.tsx

@@ -1,10 +1,11 @@
-import React from "react";
-import Link from "next/link";
 import { useInfiniteQuery } from "@tanstack/react-query";
+import Link from "next/link";
+import React from "react";
 
 import supabase, { type Tables } from "@/utils/supabase";
-import LoadingSkeleton from "./LoadingSkeleton";
+
 import SeeMore from "../SeeMore";
+import LoadingSkeleton from "./LoadingSkeleton";
 
 interface Props {
   highline: Tables["highline"]["Row"];

components/tabs/Ranking/Speedline.tsx

@@ -1,12 +1,13 @@
-import React from "react";
-import Link from "next/link";
 import { useInfiniteQuery } from "@tanstack/react-query";
+import Link from "next/link";
+import { useFormatter } from "next-intl";
+import React from "react";
 
 import { transformSecondsToTimeString } from "@/utils/helperFunctions";
 import supabase, { type Tables } from "@/utils/supabase";
-import LoadingSkeleton from "./LoadingSkeleton";
+
 import SeeMore from "../SeeMore";
-import { useFormatter } from "next-intl";
+import LoadingSkeleton from "./LoadingSkeleton";
 
 interface Props {
   highline: Tables["highline"]["Row"];

components/tabs/Ranking/index.tsx

@@ -1,15 +1,15 @@
 "use client";
 
+import { useTranslations } from "next-intl";
 import React, { useMemo, useState } from "react";
 
 import { type Tables } from "@/utils/supabase";
 
+import Cadenas from "./Cadenas";
 import CategoryDropdown from "./CategoryDropdown";
-import Speedline from "./Speedline";
 import Distance from "./Distance";
-import Cadenas from "./Cadenas";
 import FullLine from "./FullLine";
-import { useTranslations } from "next-intl";
+import Speedline from "./Speedline";
 
 interface Props {
   highline: Tables["highline"]["Row"];

components/tabs/Tabs.tsx

@@ -1,13 +1,14 @@
 "use client";
 
-import { useMemo, useState } from "react";
 import { motion } from "framer-motion";
+import { useTranslations } from "next-intl";
+import { useMemo, useState } from "react";
 
 import type { Tables } from "@/utils/supabase";
+
+import Comments from "./Comments";
 import Info from "./Info";
 import Ranking from "./Ranking";
-import Comments from "./Comments";
-import { useTranslations } from "next-intl";
 
 type Tab = {
   id: string;

components/ui/Dialog.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { Cross1Icon } from "@radix-ui/react-icons";
+import * as React from "react";
 
 import { cn } from "@/utils/cn";
 

components/ui/Dropzone.tsx

@@ -1,6 +1,7 @@
-import { UploadCloudIcon } from "@/assets";
-import React from "react";
 import Image from "next/image";
+import React from "react";
+
+import { UploadCloudIcon } from "@/assets";
 import { ACCEPTED_IMAGE_TYPES } from "@/utils/supabase";
 
 interface Props {

components/ui/NumberPicker.tsx

@@ -1,11 +1,9 @@
 "use client";
 
-import { PlusSvg } from "@/assets";
-import { MouseEventHandler, useEffect, useState } from "react";
 import { MinusIcon } from "@radix-ui/react-icons";
-
 import { motion } from "framer-motion";
 
+import { PlusSvg } from "@/assets";
 import { cn } from "@/utils/cn";
 
 interface Props {

components/ui/Select.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
+import { CheckIcon, ChevronDownIcon } from "@radix-ui/react-icons";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { ChevronDownIcon, CheckIcon } from "@radix-ui/react-icons";
+import * as React from "react";
 
 import { cn } from "@/utils/cn";