no more @

holtzy · Aug 8, 2024 · 2c0ff00 · 2c0ff00
1 parent aeccf54
commit 2c0ff00
Show file tree

Hide file tree

Showing 26 changed files with 100 additions and 100 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 = (
   <>