From 2c0ff00729c897afd6cda380e855bfa124c4e466 Mon Sep 17 00:00:00 2001 From: Yan Holtz Date: Thu, 8 Aug 2024 17:49:48 +0200 Subject: [PATCH] no more @ --- component/ChartOrSandbox.tsx | 2 +- component/CodeSandboxButton.tsx | 2 +- component/ExerciseAccordion.tsx | 4 ++-- component/TocBreadcrumb.tsx | 4 ++-- pages/articles.tsx | 4 ++-- .../hover-effect/css-descendant-selector.tsx | 12 ++++++------ pages/course/hover-effect/css-pseudo-class.tsx | 12 ++++++------ pages/course/hover-effect/internal-state.tsx | 12 ++++++------ pages/course/hover-effect/introduction.tsx | 10 +++++----- pages/course/hover-effect/link-two-graphs.tsx | 14 +++++++------- pages/course/hover-effect/toggle-class-in-js.tsx | 8 ++++---- pages/course/introduction/initial-setup.tsx | 4 ++-- pages/course/introduction/introduction-to-d3.tsx | 8 ++++---- .../course/introduction/introduction-to-react.tsx | 8 ++++---- pages/course/introduction/js-dataviz-libraries.tsx | 4 ++-- pages/course/responsiveness/code-organization.tsx | 6 +++--- pages/course/responsiveness/common-pitfalls.tsx | 4 ++-- pages/course/responsiveness/introduction.tsx | 6 +++--- pages/course/responsiveness/use-dimension-hook.tsx | 6 +++--- pages/course/responsiveness/using-the-hook.tsx | 8 ++++---- pages/course/scales/introduction.tsx | 14 +++++++------- pages/course/svg/introduction.tsx | 8 ++++---- pages/course/svg/main-svg-elements.tsx | 10 +++++----- pages/course/svg/path-element.tsx | 12 ++++++------ pages/course/svg/tips-and-tricks.tsx | 10 +++++----- pages/react-d3-dataviz-course.tsx | 8 ++++---- 26 files changed, 100 insertions(+), 100 deletions(-) diff --git a/component/ChartOrSandbox.tsx b/component/ChartOrSandbox.tsx index 8d3f7bbd..090f183d 100644 --- a/component/ChartOrSandbox.tsx +++ b/component/ChartOrSandbox.tsx @@ -2,7 +2,7 @@ import { ReactNode, useRef, useState } from 'react'; import { useDimensions } from '../hook/use-dimensions'; import { Caption } from './UI/Caption'; import { CodeSandbox } from './CodeSandbox'; -import { Button } from '@/component/UI/button'; +import { Button } from 'component/UI/button'; type ChartOrSandboxProps = { VizComponent: (props: { diff --git a/component/CodeSandboxButton.tsx b/component/CodeSandboxButton.tsx index a94664da..b9b1dcc6 100644 --- a/component/CodeSandboxButton.tsx +++ b/component/CodeSandboxButton.tsx @@ -1,7 +1,7 @@ // Each folder in the /src/viz folder is a codesandbox showing the related viz component // Just pass the folder name to this component and it will embed the codesandbox import React from 'react'; -import { Button } from '@/component/UI/button'; +import { Button } from 'component/UI/button'; import { CodeSandbox } from './CodeSandbox'; type CodeSandboxButtonProps = { diff --git a/component/ExerciseAccordion.tsx b/component/ExerciseAccordion.tsx index 0f83b437..80344380 100644 --- a/component/ExerciseAccordion.tsx +++ b/component/ExerciseAccordion.tsx @@ -3,8 +3,8 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from '@/component/UI/accordion'; -import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/component/UI/tabs'; +} from 'component/UI/accordion'; +import { Tabs, TabsContent, TabsList, TabsTrigger } from 'component/UI/tabs'; import { Check, Eye } from 'lucide-react'; import { ReactNode } from 'react'; import { CodeSandbox } from './CodeSandbox'; diff --git a/component/TocBreadcrumb.tsx b/component/TocBreadcrumb.tsx index 6e11911a..113833a6 100644 --- a/component/TocBreadcrumb.tsx +++ b/component/TocBreadcrumb.tsx @@ -4,7 +4,7 @@ import { BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, -} from '@/component/UI/breadcrumb'; +} from 'component/UI/breadcrumb'; import { DropdownMenu, @@ -16,7 +16,7 @@ import { DropdownMenuSubTrigger, DropdownMenuTrigger, } from './UI/dropdown-menu'; -import { Button, buttonVariants } from '@/component/UI/button'; +import { Button, buttonVariants } from 'component/UI/button'; import { moduleList } from '@/util/moduleList'; import { Lesson, lessonList } from '@/util/lessonList'; import { Circle } from 'lucide-react'; diff --git a/pages/articles.tsx b/pages/articles.tsx index e0d2795f..020d039a 100644 --- a/pages/articles.tsx +++ b/pages/articles.tsx @@ -9,9 +9,9 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from '@/component/UI/accordion'; +} from 'component/UI/accordion'; import { Lesson, lessonList } from '@/util/lessonList'; -import { Badge } from '@/component/UI/badge'; +import { Badge } from 'component/UI/badge'; import { moduleList } from '@/util/moduleList'; const graphDescription = ( diff --git a/pages/course/hover-effect/css-descendant-selector.tsx b/pages/course/hover-effect/css-descendant-selector.tsx index ccfabe75..a9f85633 100644 --- a/pages/course/hover-effect/css-descendant-selector.tsx +++ b/pages/course/hover-effect/css-descendant-selector.tsx @@ -1,11 +1,11 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { ChartOrSandbox } from '@/component/ChartOrSandbox'; -import { CodeBlock } from '@/component/UI/CodeBlock'; -import { Badge } from '@/component/UI/badge'; -import GraphGallery from '@/component/GraphGallery'; +import { ChartOrSandbox } from 'component/ChartOrSandbox'; +import { CodeBlock } from 'component/UI/CodeBlock'; +import { Badge } from 'component/UI/badge'; +import GraphGallery from 'component/GraphGallery'; import { TreemapHoverEffectDemo } from '@/viz/TreemapHoverEffect/TreemapHoverEffectDemo'; import Link from 'next/link'; diff --git a/pages/course/hover-effect/css-pseudo-class.tsx b/pages/course/hover-effect/css-pseudo-class.tsx index 6ecd6d8c..7606bd96 100644 --- a/pages/course/hover-effect/css-pseudo-class.tsx +++ b/pages/course/hover-effect/css-pseudo-class.tsx @@ -1,12 +1,12 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { ChartOrSandbox } from '@/component/ChartOrSandbox'; +import { ChartOrSandbox } from 'component/ChartOrSandbox'; import { ScatterplotHoverHighlightPseudoClassDemo } from '@/viz/ScatterplotHoverHighlightPseudoClass/ScatterplotHoverHighlightPseudoClassDemo'; -import { CodeBlock } from '@/component/UI/CodeBlock'; -import { Badge } from '@/component/UI/badge'; -import GraphGallery from '@/component/GraphGallery'; +import { CodeBlock } from 'component/UI/CodeBlock'; +import { Badge } from 'component/UI/badge'; +import GraphGallery from 'component/GraphGallery'; const previousURL = '/course/hover-effect/introduction'; const currentURL = '/course/hover-effect/css-pseudo-class'; diff --git a/pages/course/hover-effect/internal-state.tsx b/pages/course/hover-effect/internal-state.tsx index c3a4182e..efc96ce9 100644 --- a/pages/course/hover-effect/internal-state.tsx +++ b/pages/course/hover-effect/internal-state.tsx @@ -1,13 +1,13 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { ChartOrSandbox } from '@/component/ChartOrSandbox'; -import { CodeBlock } from '@/component/UI/CodeBlock'; +import { ChartOrSandbox } from 'component/ChartOrSandbox'; +import { CodeBlock } from 'component/UI/CodeBlock'; import { DonutChartHoverDemo } from '@/viz/DonutChartHover/DonutChartHoverDemo'; import { ScatterplotHoverHighlightDimDemo } from '@/viz/ScatterplotHoverHighlightDim/ScatterplotHoverHighlightDimDemo'; -import { Badge } from '@/component/UI/badge'; -import GraphGallery from '@/component/GraphGallery'; +import { Badge } from 'component/UI/badge'; +import GraphGallery from 'component/GraphGallery'; const previousURL = '/course/hover-effect/toggle-class-in-js'; const currentURL = '/course/hover-effect/internal-state'; diff --git a/pages/course/hover-effect/introduction.tsx b/pages/course/hover-effect/introduction.tsx index ec79008b..5f6d6e6c 100644 --- a/pages/course/hover-effect/introduction.tsx +++ b/pages/course/hover-effect/introduction.tsx @@ -1,11 +1,11 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { Sidenote } from '@/component/SideNote'; -import { ChartOrSandbox } from '@/component/ChartOrSandbox'; +import { Sidenote } from 'component/SideNote'; +import { ChartOrSandbox } from 'component/ChartOrSandbox'; import { ScatterplotHoverHighlightDimDemo } from '@/viz/ScatterplotHoverHighlightDim/ScatterplotHoverHighlightDimDemo'; -import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/component/UI/tabs'; +import { Tabs, TabsContent, TabsList, TabsTrigger } from 'component/UI/tabs'; import { ScatterplotHoverHighlightPseudoClassDemo } from '@/viz/ScatterplotHoverHighlightPseudoClass/ScatterplotHoverHighlightPseudoClassDemo'; import { TreemapHoverEffectDemo } from '@/viz/TreemapHoverEffect/TreemapHoverEffectDemo'; import { LineChartSyncCursorDemo } from '@/viz/LineChartSyncCursor/LineChartSyncCursorDemo'; diff --git a/pages/course/hover-effect/link-two-graphs.tsx b/pages/course/hover-effect/link-two-graphs.tsx index d9710e64..9b967348 100644 --- a/pages/course/hover-effect/link-two-graphs.tsx +++ b/pages/course/hover-effect/link-two-graphs.tsx @@ -1,17 +1,17 @@ import React from 'react'; -import { Layout } from '@/component/Layout'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { ChartOrSandbox } from '@/component/ChartOrSandbox'; -import ChartFamilySection from '@/component/ChartFamilySection'; -import { CodeBlock } from '@/component/UI/CodeBlock'; +import { Layout } from 'component/Layout'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { ChartOrSandbox } from 'component/ChartOrSandbox'; +import ChartFamilySection from 'component/ChartFamilySection'; +import { CodeBlock } from 'component/UI/CodeBlock'; import { ScatterplotHoverHighlightTwoLayersDemo } from '@/viz/ScatterplotHoverHighlightTwoLayers/ScatterplotHoverHighlightTwoLayersDemo'; import { DonutChartHoverDemo } from '@/viz/DonutChartHover/DonutChartHoverDemo'; import { TreemapHoverEffectDemo } from '@/viz/TreemapHoverEffect/TreemapHoverEffectDemo'; import Link from 'next/link'; -import { Badge } from '@/component/UI/badge'; +import { Badge } from 'component/UI/badge'; import { ScatterplotHoverHighlightPseudoClassDemo } from '@/viz/ScatterplotHoverHighlightPseudoClass/ScatterplotHoverHighlightPseudoClassDemo'; import { ScatterplotHoverHighlightDimDemo } from '@/viz/ScatterplotHoverHighlightDim/ScatterplotHoverHighlightDimDemo'; -import GraphGallery from '@/component/GraphGallery'; +import GraphGallery from 'component/GraphGallery'; const graphDescription = ( <> diff --git a/pages/course/hover-effect/toggle-class-in-js.tsx b/pages/course/hover-effect/toggle-class-in-js.tsx index f09fc6ed..e861327d 100644 --- a/pages/course/hover-effect/toggle-class-in-js.tsx +++ b/pages/course/hover-effect/toggle-class-in-js.tsx @@ -1,9 +1,9 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { ChartOrSandbox } from '@/component/ChartOrSandbox'; -import { CodeBlock } from '@/component/UI/CodeBlock'; +import { ChartOrSandbox } from 'component/ChartOrSandbox'; +import { CodeBlock } from 'component/UI/CodeBlock'; import { DonutChartHoverDemo } from '@/viz/DonutChartHover/DonutChartHoverDemo'; const previousURL = '/course/hover-effect/css-descendant-selector'; diff --git a/pages/course/introduction/initial-setup.tsx b/pages/course/introduction/initial-setup.tsx index 87de1cc2..eb9284b7 100644 --- a/pages/course/introduction/initial-setup.tsx +++ b/pages/course/introduction/initial-setup.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; const previousURL = '/course/introduction/introduction-to-d3'; diff --git a/pages/course/introduction/introduction-to-d3.tsx b/pages/course/introduction/introduction-to-d3.tsx index f2852578..bc8c6147 100644 --- a/pages/course/introduction/introduction-to-d3.tsx +++ b/pages/course/introduction/introduction-to-d3.tsx @@ -1,9 +1,9 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { Sidenote } from '@/component/SideNote'; -import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/component/UI/tabs'; +import { Sidenote } from 'component/SideNote'; +import { Tabs, TabsContent, TabsList, TabsTrigger } from 'component/UI/tabs'; import { ScatterplotHoverHighlightPseudoClassDemo } from '@/viz/ScatterplotHoverHighlightPseudoClass/ScatterplotHoverHighlightPseudoClassDemo'; import { TreemapHoverEffectDemo } from '@/viz/TreemapHoverEffect/TreemapHoverEffectDemo'; import { LineChartSyncCursorDemo } from '@/viz/LineChartSyncCursor/LineChartSyncCursorDemo'; diff --git a/pages/course/introduction/introduction-to-react.tsx b/pages/course/introduction/introduction-to-react.tsx index 5ffc5033..d1ca01a7 100644 --- a/pages/course/introduction/introduction-to-react.tsx +++ b/pages/course/introduction/introduction-to-react.tsx @@ -1,9 +1,9 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { Sidenote } from '@/component/SideNote'; -import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/component/UI/tabs'; +import { Sidenote } from 'component/SideNote'; +import { Tabs, TabsContent, TabsList, TabsTrigger } from 'component/UI/tabs'; import { ScatterplotHoverHighlightPseudoClassDemo } from '@/viz/ScatterplotHoverHighlightPseudoClass/ScatterplotHoverHighlightPseudoClassDemo'; import { TreemapHoverEffectDemo } from '@/viz/TreemapHoverEffect/TreemapHoverEffectDemo'; import { LineChartSyncCursorDemo } from '@/viz/LineChartSyncCursor/LineChartSyncCursorDemo'; diff --git a/pages/course/introduction/js-dataviz-libraries.tsx b/pages/course/introduction/js-dataviz-libraries.tsx index baf48493..4ddf0f89 100644 --- a/pages/course/introduction/js-dataviz-libraries.tsx +++ b/pages/course/introduction/js-dataviz-libraries.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; const previousURL = '/course/introduction/introduction-to-react'; diff --git a/pages/course/responsiveness/code-organization.tsx b/pages/course/responsiveness/code-organization.tsx index 80c5f86f..38bbf3b6 100644 --- a/pages/course/responsiveness/code-organization.tsx +++ b/pages/course/responsiveness/code-organization.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { CodeBlock } from '@/component/UI/CodeBlock'; +import { CodeBlock } from 'component/UI/CodeBlock'; const previousURL = '/course/responsiveness/using-the-hook'; const currentURL = '/course/responsiveness/code-organization'; diff --git a/pages/course/responsiveness/common-pitfalls.tsx b/pages/course/responsiveness/common-pitfalls.tsx index 493019fa..53dcfffb 100644 --- a/pages/course/responsiveness/common-pitfalls.tsx +++ b/pages/course/responsiveness/common-pitfalls.tsx @@ -1,6 +1,6 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; const previousURL = '/course/responsiveness/code-organization'; diff --git a/pages/course/responsiveness/introduction.tsx b/pages/course/responsiveness/introduction.tsx index c67679f0..cb39bb2a 100644 --- a/pages/course/responsiveness/introduction.tsx +++ b/pages/course/responsiveness/introduction.tsx @@ -1,12 +1,12 @@ -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; import React, { useRef } from 'react'; import { data as densityChartData } from '@/data/one-numeric-variable-random'; import { useDimensions } from '@/hook/use-dimensions'; import { DensityChart } from '@/viz/DensityChartBasic/DensityChart'; import Link from 'next/link'; -import { CodeBlock } from '@/component/UI/CodeBlock'; +import { CodeBlock } from 'component/UI/CodeBlock'; const previousURL = '/course/axis/draw-with-d3'; const currentURL = '/course/responsiveness/introduction'; diff --git a/pages/course/responsiveness/use-dimension-hook.tsx b/pages/course/responsiveness/use-dimension-hook.tsx index 87c6bbcb..fcd3a588 100644 --- a/pages/course/responsiveness/use-dimension-hook.tsx +++ b/pages/course/responsiveness/use-dimension-hook.tsx @@ -1,8 +1,8 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { CodeBlock } from '@/component/UI/CodeBlock'; +import { CodeBlock } from 'component/UI/CodeBlock'; const previousURL = '/course/responsiveness/introduction'; const currentURL = '/course/responsiveness/use-dimension-hook'; diff --git a/pages/course/responsiveness/using-the-hook.tsx b/pages/course/responsiveness/using-the-hook.tsx index ef5389df..078f1e02 100644 --- a/pages/course/responsiveness/using-the-hook.tsx +++ b/pages/course/responsiveness/using-the-hook.tsx @@ -1,9 +1,9 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { CodeBlock } from '@/component/UI/CodeBlock'; -import { CodeSandbox } from '@/component/CodeSandbox'; +import { CodeBlock } from 'component/UI/CodeBlock'; +import { CodeSandbox } from 'component/CodeSandbox'; const previousURL = '/course/responsiveness/use-dimension-hook'; const currentURL = '/course/responsiveness/using-the-hook'; diff --git a/pages/course/scales/introduction.tsx b/pages/course/scales/introduction.tsx index fb7aae85..c3fb94ae 100644 --- a/pages/course/scales/introduction.tsx +++ b/pages/course/scales/introduction.tsx @@ -1,19 +1,19 @@ import React, { useCallback, useState } from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { CodeSandbox } from '@/component/CodeSandbox'; +import { CodeSandbox } from 'component/CodeSandbox'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from '@/component/UI/select'; -import { Sidenote } from '@/component/SideNote'; +} from 'component/UI/select'; +import { Sidenote } from 'component/SideNote'; import { MoveHorizontal, MoveVertical } from 'lucide-react'; -import { CodeBlock } from '@/component/UI/CodeBlock'; -import { Button } from '@/component/UI/button'; +import { CodeBlock } from 'component/UI/CodeBlock'; +import { Button } from 'component/UI/button'; const previousURL = '/course/svg/path-element'; const currentURL = '/course/scales/introduction'; diff --git a/pages/course/svg/introduction.tsx b/pages/course/svg/introduction.tsx index 0620c5f8..5bd5dbaf 100644 --- a/pages/course/svg/introduction.tsx +++ b/pages/course/svg/introduction.tsx @@ -1,10 +1,10 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { CodeSandbox } from '@/component/CodeSandbox'; +import { CodeSandbox } from 'component/CodeSandbox'; import Link from 'next/link'; -import { Badge } from '@/component/UI/badge'; +import { Badge } from 'component/UI/badge'; const previousURL = '/course/introduction/initial-setup'; const currentURL = '/course/svg/introduction'; diff --git a/pages/course/svg/main-svg-elements.tsx b/pages/course/svg/main-svg-elements.tsx index 36ea93c9..080af09e 100644 --- a/pages/course/svg/main-svg-elements.tsx +++ b/pages/course/svg/main-svg-elements.tsx @@ -1,10 +1,10 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { CodeSandbox } from '@/component/CodeSandbox'; -import { CodeBlock } from '@/component/UI/CodeBlock'; -import { ExerciseAccordion } from '@/component/ExerciseAccordion'; +import { CodeSandbox } from 'component/CodeSandbox'; +import { CodeBlock } from 'component/UI/CodeBlock'; +import { ExerciseAccordion } from 'component/ExerciseAccordion'; import Link from 'next/link'; const previousURL = '/course/svg/introduction'; diff --git a/pages/course/svg/path-element.tsx b/pages/course/svg/path-element.tsx index e245eaa0..2395e384 100644 --- a/pages/course/svg/path-element.tsx +++ b/pages/course/svg/path-element.tsx @@ -1,12 +1,12 @@ import React from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; import Link from 'next/link'; -import { CodeBlock } from '@/component/UI/CodeBlock'; -import { Sidenote } from '@/component/SideNote'; -import { CodeSandbox } from '@/component/CodeSandbox'; -import { ExerciseAccordion } from '@/component/ExerciseAccordion'; +import { CodeBlock } from 'component/UI/CodeBlock'; +import { Sidenote } from 'component/SideNote'; +import { CodeSandbox } from 'component/CodeSandbox'; +import { ExerciseAccordion } from 'component/ExerciseAccordion'; const previousURL = '/course/svg/main-svg-elements'; const currentURL = '/course/svg/path-element'; diff --git a/pages/course/svg/tips-and-tricks.tsx b/pages/course/svg/tips-and-tricks.tsx index 32b212ed..1e01eaf4 100644 --- a/pages/course/svg/tips-and-tricks.tsx +++ b/pages/course/svg/tips-and-tricks.tsx @@ -1,16 +1,16 @@ import React, { useState } from 'react'; -import TitleAndDescription from '@/component/TitleAndDescription'; -import { LayoutCourse } from '@/component/LayoutCourse'; +import TitleAndDescription from 'component/TitleAndDescription'; +import { LayoutCourse } from 'component/LayoutCourse'; import { lessonList } from '@/util/lessonList'; -import { CodeSandbox } from '@/component/CodeSandbox'; +import { CodeSandbox } from 'component/CodeSandbox'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, -} from '@/component/UI/select'; -import { Sidenote } from '@/component/SideNote'; +} from 'component/UI/select'; +import { Sidenote } from 'component/SideNote'; import { MoveHorizontal, MoveVertical } from 'lucide-react'; const previousURL = '/course/svg/path-element'; diff --git a/pages/react-d3-dataviz-course.tsx b/pages/react-d3-dataviz-course.tsx index c470d347..81f970da 100644 --- a/pages/react-d3-dataviz-course.tsx +++ b/pages/react-d3-dataviz-course.tsx @@ -7,12 +7,12 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from '@/component/UI/accordion'; +} from 'component/UI/accordion'; import { Lesson, lessonList } from '@/util/lessonList'; -import { Badge } from '@/component/UI/badge'; +import { Badge } from 'component/UI/badge'; import { moduleList } from '@/util/moduleList'; -import { LessonBadge } from '@/component/LessonBadge'; -import { buttonVariants } from '@/component/UI/button'; +import { LessonBadge } from 'component/LessonBadge'; +import { buttonVariants } from 'component/UI/button'; const graphDescription = ( <>