Add farming raid option

components/raids/RaidCombobox/index.tsx

@@ -84,6 +84,9 @@ const RaidCombobox = (props: Props) => {
   const [currentRaid, setCurrentRaid] = useState<Raid>()
   const [tabIndex, setTabIndex] = useState(NUM_ELEMENTS + 1)
 
+  // Data
+  const [farmingRaid, setFarmingRaid] = useState<Raid>()
+
   // Refs
   const listRef = createRef<HTMLDivElement>()
   const inputRef = createRef<HTMLInputElement>()
@@ -203,6 +206,8 @@ const RaidCombobox = (props: Props) => {
         if (group.section > 0) sections[group.section - 1].push(group)
       })
 
+      setFarmingRaid(groups[0].raids[0])
+
       setSections(sections)
     },
     [setSections]
@@ -322,9 +327,13 @@ const RaidCombobox = (props: Props) => {
 
   // Render the ungrouped raid group
   function renderUngroupedRaids() {
-    // Render the Untitled group with the allRaids inside of it first if the option is enabled
+    let ungroupedRaids = farmingRaid ? [farmingRaid] : []
+
     if (props.showAllRaidsOption) {
-      const ungroupedRaids = generateRaidItems([allRaidsOption])
+      ungroupedRaids.push(allRaidsOption)
+    }
+
+    const options = generateRaidItems(ungroupedRaids)
 
     return (
       <CommandGroup
@@ -334,11 +343,10 @@ const RaidCombobox = (props: Props) => {
         })}
         key="ungrouped-raids"
       >
-          {ungroupedRaids}
+        {options}
       </CommandGroup>
     )
   }
-  }
 
   // Generates a list of RaidItem components from the specified raids
   function generateRaidItems(raids: Raid[]) {