x

holtzy · Aug 8, 2024 · fc08b73 · fc08b73
1 parent affb9b7
commit fc08b73
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 19 deletions.
diff --git a/component/TocBreadcrumb.tsx b/component/TocBreadcrumb.tsx
@@ -1,20 +1,16 @@
 import {
   Breadcrumb,
-  BreadcrumbEllipsis,
   BreadcrumbItem,
   BreadcrumbLink,
   BreadcrumbList,
-  BreadcrumbPage,
   BreadcrumbSeparator,
 } from '@/component/UI/breadcrumb';
 
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuLabel,
   DropdownMenuPortal,
-  DropdownMenuSeparator,
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
@@ -92,8 +88,9 @@ export const TocBreadcrumb = ({ selectedLesson }: TocBreadcrumbProps) => {
                               <Link
                                 className="no-underline text-black"
                                 href={lesson.link}
+                                key={i}
                               >
-                                <DropdownMenuItem key={i}>
+                                <DropdownMenuItem>
                                   <Circle
                                     fill="black"
                                     size={8}
@@ -140,11 +137,9 @@ export const TocBreadcrumb = ({ selectedLesson }: TocBreadcrumbProps) => {
                     <Link
                       className="no-underline text-black"
                       href={lesson.link}
+                      key={i}
                     >
-                      <DropdownMenuItem
-                        key={i}
-                        className="flex justify-between gap-4"
-                      >
+                      <DropdownMenuItem className="flex justify-between gap-4">
                         <div className="flex items-center">
                           <Circle
                             fill="black"

diff --git a/components.json b/components.json
@@ -9,9 +9,5 @@
     "baseColor": "slate",
     "cssVariables": true,
     "prefix": ""
-  },
-  "aliases": {
-    "components": "@/component/UI",
-    "utils": "@/util/utils"
   }
 }
diff --git a/hook/use-dimensions.ts b/hook/use-dimensions.ts
@@ -25,9 +25,9 @@ export const useDimensions = (targetRef: React.RefObject<HTMLDivElement>) => {
     return () => window.removeEventListener("resize", handleResize);
   }, []);
 
-  useLayoutEffect(() => {
-    handleResize();
-  }, [targetRef]);
+  // useLayoutEffect(() => {
+  //   handleResize();
+  // }, [targetRef]);
 
   return dimensions;
 }

diff --git a/pages/course/scales/introduction.tsx b/pages/course/scales/introduction.tsx
@@ -124,9 +124,8 @@ export default function Home() {
           onMouseEnter={() => setDraggingCircleId(null)}
         >
           {circles.map((circle) => (
-            <>
+            <g key={circle.id}>
               <circle
-                key={circle.id}
                 cx={circle.cx}
                 cy={140}
                 r={30}
@@ -147,7 +146,7 @@ export default function Home() {
               >
                 {circle.value}
               </text>
-            </>
+            </g>
           ))}
 
           {/* Annotation */}