fix(frontend): move button to menu item

IgnisDa · Sep 4, 2024 · 5fcf0c7 · 5fcf0c7
1 parent bcc0262
commit 5fcf0c7
Showing 1 changed file with 26 additions and 27 deletions.
diff --git a/apps/frontend/app/routes/_dashboard.media.item.$id._index.tsx b/apps/frontend/app/routes/_dashboard.media.item.$id._index.tsx
@@ -949,35 +949,34 @@ export default function Page() {
 										<Menu.Item onClick={mergeMetadataModalOpen}>
 											Merge media
 										</Menu.Item>
+										<Form
+											method="POST"
+											action={withQuery("", { intent: "removeItem" })}
+										>
+											<input
+												hidden
+												name="metadataId"
+												defaultValue={loaderData.metadataId}
+											/>
+											<Menu.Item
+												color="red"
+												onClick={async (e) => {
+													const form = e.currentTarget.form;
+													if (form) {
+														e.preventDefault();
+														const conf = await confirmWrapper({
+															confirmation:
+																"Are you sure you want to remove this item? This will remove it from all collections and delete all history and reviews.",
+														});
+														if (conf && form) submit(form);
+													}
+												}}
+											>
+												Remove item
+											</Menu.Item>
+										</Form>
 									</Menu.Dropdown>
 								</Menu>
-								<Form
-									method="POST"
-									action={withQuery("", { intent: "removeItem" })}
-								>
-									<input
-										hidden
-										name="metadataId"
-										defaultValue={loaderData.metadataId}
-									/>
-									<Button
-										w="100%"
-										variant="outline"
-										onClick={async (e) => {
-											const form = e.currentTarget.form;
-											if (form) {
-												e.preventDefault();
-												const conf = await confirmWrapper({
-													confirmation:
-														"Are you sure you want to remove this item? This will remove it from all collections and delete all history and reviews.",
-												});
-												if (conf && form) submit(form);
-											}
-										}}
-									>
-										Remove item
-									</Button>
-								</Form>
 							</SimpleGrid>
 						</MediaScrollArea>
 					</Tabs.Panel>