Add translation key for "No class"

components/JobDropdown/index.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { useRouter } from 'next/router'
 import { useSnapshot } from 'valtio'
+import { useTranslation } from 'next-i18next'
 
 import Select from '~components/Select'
 import SelectItem from '~components/SelectItem'
@@ -26,6 +27,9 @@ const JobDropdown = React.forwardRef<HTMLSelectElement, Props>(
     const router = useRouter()
     const locale = router.locale || 'en'
 
+    // Set up translation
+    const { t } = useTranslation('common')
+
     // Create snapshot of app state
     const { party } = useSnapshot(appState)
 
@@ -111,7 +115,7 @@ const JobDropdown = React.forwardRef<HTMLSelectElement, Props>(
         triggerClass="Job"
       >
         <SelectItem key={-1} value="no-job">
-          No class
+          {t('no_job')}
         </SelectItem>
         {sortedJobs
           ? Object.keys(sortedJobs)

public/locales/en/common.json

@@ -295,5 +295,6 @@
   "coming_soon": "Coming Soon",
   "no_title": "Untitled",
   "no_raid": "No raid",
-  "no_user": "Anonymous"
+  "no_user": "Anonymous",
+  "no_job": "No class"
 }

public/locales/ja/common.json

@@ -296,5 +296,6 @@
   "coming_soon": "開発中",
   "no_title": "無題",
   "no_raid": "マルチなし",
-  "no_user": "無名"
+  "no_user": "無名",
+  "no_job": "ジョブなし"
 }