fix: react duplicate key

emrecpp · emrecpp · commit c3b245364615 · 2025-05-11T21:12:10.000+03:00
diff --git a/src/app/components/shared/DataTable.tsx b/src/app/components/shared/DataTable.tsx
@@ -117,7 +117,7 @@ export default function DataTable<T extends DataType>({
                                 ) : (
                                     data.map((item, index) => (
                                         <Draggable
-                                            key={item.alias}
+                                            key={item.project + "-"+ item.alias}
                                             draggableId={item.alias}
                                             index={index}
                                         >
diff --git a/src/app/pages/SettingsPage.tsx b/src/app/pages/SettingsPage.tsx
@@ -114,7 +114,7 @@ export function SettingsPage() {
                         </CardContent>
                     </Card>
                     
-                    <div className="mt-8 text-center text-sm text-muted-foreground flex flex-col gap-0.5">
+                    <div className="-mt-6 text-center text-sm text-muted-foreground flex flex-col gap-0.5">
                         <p className="font-semibold select-none">Author</p>
                         <p>Emre Demircan</p>
                         <p className="flex items-center justify-center gap-2">

Original file line number	Diff line number	Diff line change
`@@ -117,7 +117,7 @@ export default function DataTable<T extends DataType>({`
`117`	`117`	`) : (`
`118`	`118`	`data.map((item, index) => (`
`119`	`119`	`<Draggable`
`120`		`- key={item.alias}`
	`120`	`+ key={item.project + "-"+ item.alias}`
`121`	`121`	`draggableId={item.alias}`
`122`	`122`	`index={index}`
`123`	`123`	`>`