From 9c790df616134e2fb7a19c57eb990a751f8a4947 Mon Sep 17 00:00:00 2001
From: Amirabbas <amirabbasjalali82@gmail.com>
Date: Tue, 30 Jun 2026 18:12:59 +0330
Subject: [PATCH] Fix tooth mapping

---
 src/Odontogram.tsx |  4 ++--
 src/utils.ts       | 32 +++++++++++++++++++++-----------
 2 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/src/Odontogram.tsx b/src/Odontogram.tsx
index 44ebd14..9d1fc23 100644
--- a/src/Odontogram.tsx
+++ b/src/Odontogram.tsx
@@ -400,9 +400,9 @@ export const Odontogram: FC<OdontogramProps> = ({
 			>
 				<title>Odontogram</title>
 
-				{visibleQuadrants.map(({ name, transform, label }, index) => (
+				{visibleQuadrants.map(({ name, transform, prefix }) => (
 					<g key={name} transform={transform}>
-						{renderTeeth(`teeth-${index + 1}`)}
+						{renderTeeth(`teeth-${prefix}`)}
 					</g>
 				))}
 			</svg>
diff --git a/src/utils.ts b/src/utils.ts
index ead0c6d..c1a7123 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -52,26 +52,31 @@ export const quadrants: Array<{
 	name: "first" | "second" | "third" | "fourth";
 	transform: string;
 	label: string;
+	prefix: string;
 }> = [
 	{
 		name: "first",
 		transform: "",
-		label: "Upper Right",
+		label: "Upper Left",
+		prefix: "1",
 	},
 	{
 		name: "second",
 		transform: "translate(840, 0) scale(-1, 1) translate(-55,0)",
-		label: "Upper Left",
+		label: "Upper Right",
+		prefix: "2",
 	},
 	{
 		name: "third",
-		transform: "scale(1, -1) translate(0, -150)",
+		transform: "translate(840, 0) scale(-1, -1) translate(-55,-150)",
 		label: "Lower Right",
+		prefix: "3",
 	},
 	{
 		name: "fourth",
-		transform: "translate(840, 0) scale(-1, -1) translate(-55,-150)",
+		transform: "scale(1, -1) translate(0, -150)",
 		label: "Lower Left",
+		prefix: "4",
 	},
 ];
 
@@ -79,26 +84,31 @@ export const oldquadrants: Array<{
 	name: "first" | "second" | "third" | "fourth";
 	transform: string;
 	label: string;
+	prefix: string;
 }> = [
 	{
 		name: "first",
 		transform: "",
-		label: "Upper Right",
+		label: "Upper Left",
+		prefix: "1",
 	},
 	{
 		name: "second",
 		transform: "scale(-1, 1) translate(-409, 0)",
-		label: "Upper Left",
+		label: "Upper Right",
+		prefix: "2",
 	},
 	{
-		name: "third",
-		transform: "scale(1, -1) translate(0, -694)",
+		name: "fourth",
+		transform: "scale(-1, -1) translate(-409, -694)",
 		label: "Lower Right",
+		prefix: "3",
 	},
 	{
-		name: "fourth",
-		transform: "scale(-1, -1) translate(-409, -694)",
-		label: "Lower Left",
+		name: "third",
+		transform: "scale(1, -1) translate(0, -694)",
+		label: "Lower left",
+		prefix: "4",
 	},
 ];