From 8280fb59d6e8cbb3e48c8c64b076a0f00d7ed3ad Mon Sep 17 00:00:00 2001 From: Vojtech Mares Date: Sat, 3 Dec 2022 19:30:30 +0100 Subject: [PATCH] refactor: use `@` prefixed imports This allows to get rid of the path `./../` and use a common way to import components or anything from `src/` directory. IMHO this improves readability by a mile. --- src/components/CallToAction.tsx | 4 ++-- src/components/Faqs.tsx | 2 +- src/components/Footer.tsx | 6 +++--- src/components/Header.tsx | 6 +++--- src/components/Hero.tsx | 4 ++-- src/components/Pricing.tsx | 4 ++-- src/components/PrimaryFeatures.tsx | 2 +- src/components/TechStack.tsx | 2 +- src/pages/index.tsx | 20 ++++++++++---------- 9 files changed, 25 insertions(+), 25 deletions(-) diff --git a/src/components/CallToAction.tsx b/src/components/CallToAction.tsx index 56e79f7..30fddad 100644 --- a/src/components/CallToAction.tsx +++ b/src/components/CallToAction.tsx @@ -1,7 +1,7 @@ import Image from 'next/image' -import { Button } from './../components/Button' -import { Container } from './../components/Container' +import { Button } from '@/components/Button' +import { Container } from '@/components/Container' import backgroundImage from '@/images/background-call-to-action.jpg' export function CallToAction() { diff --git a/src/components/Faqs.tsx b/src/components/Faqs.tsx index 0435836..21d5f45 100644 --- a/src/components/Faqs.tsx +++ b/src/components/Faqs.tsx @@ -1,6 +1,6 @@ import Image from 'next/image' -import { Container } from './../components/Container' +import { Container } from '@/components/Container' import backgroundImage from '@/images/background-faqs.jpg' const faqs = [ diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index e75022e..53564dc 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,9 +1,9 @@ import Link from 'next/link' -import { Container } from './../components/Container' +import { Container } from '@/components/Container' // import { Logo } from '@/components/Logo' -import { NavLink } from './../components/NavLink' -import { Button } from './../components/Button' +// import { NavLink } from '@/components/NavLink' +import { Button } from '@/components/Button' export function Footer() { return ( diff --git a/src/components/Header.tsx b/src/components/Header.tsx index b4a9d84..9095043 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,8 +1,8 @@ import Link from "next/link" -import { NavLink } from "./NavLink"; -import { Container } from "./Container" -import { Button } from "./Button" +import { NavLink } from "@/components/NavLink"; +import { Container } from "@/components/Container" +import { Button } from "@/components/Button" export function Header() { return ( diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index 7b790f5..0314ef5 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -1,5 +1,5 @@ -import { Button } from './Button' -import { Container } from './Container' +import { Button } from '@/components/Button' +import { Container } from '@/components/Container' export function Hero() { return ( diff --git a/src/components/Pricing.tsx b/src/components/Pricing.tsx index bb4580e..1d98120 100644 --- a/src/components/Pricing.tsx +++ b/src/components/Pricing.tsx @@ -1,7 +1,7 @@ import clsx from 'clsx' -import { Button } from './../components/Button' -import { Container } from './../components/Container' +import { Button } from '@/components/Button' +import { Container } from '@/components/Container' type SwirlyDoodleProps = { className: string } diff --git a/src/components/PrimaryFeatures.tsx b/src/components/PrimaryFeatures.tsx index e5732d0..d62d502 100644 --- a/src/components/PrimaryFeatures.tsx +++ b/src/components/PrimaryFeatures.tsx @@ -3,7 +3,7 @@ import Image from 'next/image' import { Tab } from '@headlessui/react' import clsx from 'clsx' -import { Container } from './../components/Container' +import { Container } from '@/components/Container' import backgroundImage from '@/images/background-features.jpg' import screenshotExpenses from '@/images/screenshots/contacts.png' import screenshotPayroll from '@/images/screenshots/contacts.png' diff --git a/src/components/TechStack.tsx b/src/components/TechStack.tsx index 9252dfc..0f7e635 100644 --- a/src/components/TechStack.tsx +++ b/src/components/TechStack.tsx @@ -3,7 +3,7 @@ import Image, { StaticImageData } from 'next/image' import { Tab } from '@headlessui/react' import clsx from 'clsx' -import { Container } from './Container' +import { Container } from '@/components/Container' import screenshotContacts from '@/images/screenshots/contacts.png' diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 689fb9c..2a3f7d6 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,15 +1,15 @@ import Head from "next/head"; -import { Header } from "./../components/Header" -import { Hero } from "./../components/Hero" -import { CallToAction } from './../components/CallToAction' -import { Faqs } from './../components/Faqs' -import { Footer } from './../components/Footer' -import { Pricing } from './../components/Pricing' -import { PrimaryFeatures } from './../components/PrimaryFeatures' -import { TechStack } from './../components/TechStack' -import { Testimonials } from './../components/Testimonials' -import { Environment } from './../components/Environment' +import { Header } from "@/components/Header" +import { Hero } from "@/components/Hero" +import { CallToAction } from '@/components/CallToAction' +import { Faqs } from '@/components/Faqs' +import { Footer } from '@/components/Footer' +import { Pricing } from '@/components/Pricing' +import { PrimaryFeatures } from '@/components/PrimaryFeatures' +import { TechStack } from '@/components/TechStack' +import { Testimonials } from '@/components/Testimonials' +import { Environment } from '@/components/Environment' export default function Home() { return (