fix: fix rate-limit naming jank when a single token

src/components/InitiativeList/InitiativeSubListItem.tsx

@@ -13,14 +13,14 @@ import { Group, Player, Token } from '@obr'
 import clsx from 'clsx'
 import { useContext, useEffect, useState } from 'react'
 
+import { PLACE_HOLDER_TOKEN_IMAGE } from 'config'
 import { GroupContext } from 'context/GroupContext'
 import { PartyContext } from 'context/PartyContext'
 import { PermissionContext } from 'context/PermissionContext'
 import { PlayerContext } from 'context/PlayerContext'
 import { SettingsContext } from 'context/SettingsContext'
 
 import InitiativeSubListSubItem from './InitiativeSubListSubItem'
-import { PLACE_HOLDER_TOKEN_IMAGE } from 'config'
 
 const InitiativeSubListItem: React.FC<{
   subGroup: SubGroup
@@ -120,27 +120,27 @@ const InitiativeSubListItem: React.FC<{
   }
 
   useEffect(() => {
-    if (tokens.length === 1) {
+    if (tokens.length === 1 && tokens[0]) {
       setIsExpanded(false)
 
-      const tokenName = tokens[0]?.plainTextName || tokens[0]?.name
-
+      const tokenName = tokens[0]?.plainTextName
+        ? tokens[0]?.plainTextName
+        : tokens[0]?.name
       if (tokenName !== subGroup.subGroupName) {
         subGroup.subGroupName = tokenName
         Group.updateSubgroupByGroupType(subGroup.groupType, subGroup)
       }
     }
 
     setImageSrc(tokens[0]?.imageUrl || PLACE_HOLDER_TOKEN_IMAGE)
-  }, [tokens])
+  }, [tokens, subGroup])
 
   const handleNameChange = async () => {
     let updatedName = newName || tokens[0]?.name
     const { subGroupName, groupType } = subGroup
 
     if (updatedName !== subGroupName) {
       const subGroupCopy = { ...subGroup, subGroupName: updatedName }
-      await Group.updateSubgroupByGroupType(groupType, subGroupCopy)
 
       if (tokens.length === 1) {
         const tokenName = tokens[0]?.plainTextName || tokens[0]?.name
@@ -151,6 +151,8 @@ const InitiativeSubListItem: React.FC<{
         }
       }
 
+      await Group.updateSubgroupByGroupType(groupType, subGroupCopy)
+
       setNewName(updatedName)
     }