From 739fe34d676560c30cc3cc9c834185bc7addfed1 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Thu, 20 Aug 2026 13:04:23 -0600
Subject: [PATCH] move loaders up

---
 .../icon-editor-modal/editor-catalog.ts        | 18 +++++++++---------
 .../icon-editor-modal/index.vue                |  3 +--
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/instance_settings/icon-editor-modal/editor-catalog.ts b/apps/app-frontend/src/components/ui/instance_settings/icon-editor-modal/editor-catalog.ts
index fb1f5f90fa..203862a8de 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/icon-editor-modal/editor-catalog.ts
+++ b/apps/app-frontend/src/components/ui/instance_settings/icon-editor-modal/editor-catalog.ts
@@ -347,6 +347,15 @@ export const backgroundOptions = [
 ] as const
 
 export const symbolOptions = [
+	/////////////////////////
+	// loaders
+	/////////////////////////
+
+	{ id: 'fabric', name: names.fabric, asset: fabric, category: 'loader' },
+	{ id: 'forge', name: names.forge, asset: forge, category: 'loader' },
+	{ id: 'neoforge', name: names.neoForge, asset: neoForge, category: 'loader' },
+	{ id: 'quilt', name: names.quilt, asset: quilt, category: 'loader' },
+
 	// Cobblemon: Poké Ball
 	{ id: 'poke_ball', name: names.pokeBall, asset: pokeBall, category: 'modded' },
 
@@ -446,15 +455,6 @@ export const symbolOptions = [
 	{ id: 'lantern', name: names.lantern, asset: lantern, category: 'vanilla' },
 	{ id: 'tnt', name: names.tnt, asset: tnt, category: 'vanilla' },
 	{ id: 'command_block', name: names.commandBlock, asset: commandBlock, category: 'vanilla' },
-
-	/////////////////////////
-	// loaders
-	/////////////////////////
-
-	{ id: 'fabric', name: names.fabric, asset: fabric, category: 'loader' },
-	{ id: 'forge', name: names.forge, asset: forge, category: 'loader' },
-	{ id: 'neoforge', name: names.neoForge, asset: neoForge, category: 'loader' },
-	{ id: 'quilt', name: names.quilt, asset: quilt, category: 'loader' },
 ] as const
 
 export type BackgroundId = (typeof backgroundOptions)[number]['id']
diff --git a/apps/app-frontend/src/components/ui/instance_settings/icon-editor-modal/index.vue b/apps/app-frontend/src/components/ui/instance_settings/icon-editor-modal/index.vue
index e8dddf3804..730e3a0164 100644
--- a/apps/app-frontend/src/components/ui/instance_settings/icon-editor-modal/index.vue
+++ b/apps/app-frontend/src/components/ui/instance_settings/icon-editor-modal/index.vue
@@ -67,7 +67,6 @@ const selectedSymbolOption = computed(
 	() => symbolOptions.find((option) => option.id === selectedSymbol.value)!,
 )
 const vanillaSymbolStartIndex = symbolOptions.findIndex((option) => option.category === 'vanilla')
-const loaderSymbolStartIndex = symbolOptions.findIndex((option) => option.category === 'loader')
 const selectedConfig = computed<InstanceIconConfig>(() => ({
 	background: { ...selectedBackgroundOption.value.background },
 	symbol: selectedSymbol.value,
@@ -454,7 +453,7 @@ const messages = defineMessages({
 					<div class="grid grid-cols-6 gap-2.5">
 						<template v-for="(option, index) in symbolOptions" :key="option.id">
 							<hr
-								v-if="index === vanillaSymbolStartIndex || index === loaderSymbolStartIndex"
+								v-if="index === vanillaSymbolStartIndex"
 								class="col-span-6 my-2.5 mx-1 w-full border-0 border-t border-solid border-surface-5"
 							/>
 							<button