Added 'Solo Mode,' which lets you only display your own DPS (#136)

* Added 'Solo Mode,' which lets you only display your own DPS instead of the entire party's * Making changes per PR comment
bsides · Jan 12, 2022 · 6603787 · 6603787
1 parent 5fe12bb
commit 6603787
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 0 deletions.
diff --git a/src/CombatantHorizontal.js b/src/CombatantHorizontal.js
@@ -36,6 +36,9 @@ export default class CombatantHorizontal extends Component {
     // don't need to render this component if this is a limit break
     if (!data.Job && name === 'limit break') return null
 
+    // Also don't need to render if the player is in solo mode and this isn't the player's info
+    if (!isSelf && config.enableSoloMode) return null
+
     // Color theme byRole
     if (config.color === 'byRole') {
       for (const role in jobRoles) {

diff --git a/src/Config.js b/src/Config.js
@@ -262,6 +262,17 @@ class ConfigRaw extends Component {
               {/* Enbale Streamer Mode (blur names) */}
               {loc.toggleOption13}
             </label>
+            <input
+              type="checkbox"
+              name="enableSoloMode"
+              id="enableSoloMode"
+              defaultChecked={config.enableSoloMode}
+              onChange={this.handleConfig}
+            />
+            <label htmlFor="enableSoloMode">
+              {/* Enable Solo Mode (Only show own DPS) */}
+              {loc.toggleOption14}
+            </label>
             <div className="combatants">
               <label htmlFor="maxCombatants">
                 {/* # Combatants */}

diff --git a/src/SetupMode.js b/src/SetupMode.js
@@ -27,6 +27,7 @@ function SetupModeRaw(props) {
         <div className="combatants">
           {mockData.map((mock, index) => {
             if (index >= maxCombatants) return false
+            if (!mock.isSelf && props.config.enableSoloMode) return false
             let maxhit
             if (mock.maxhit) maxhit = mock.maxhit.replace('-', ': ')
             return (

diff --git a/src/helpers.js b/src/helpers.js
@@ -17,6 +17,7 @@ export const defaultConfig = {
   showDiscord: false,
   showLocale: false,
   showJobless: false,
+  enableSoloMode: false,
   zoom: '1',
   discord: '',
   maxCombatants: 8,

diff --git a/src/locale.js b/src/locale.js
@@ -25,6 +25,7 @@ const locale = {
       toggleOption11: 'Max Hit',
       toggleOption12: 'Show "jobless" Combatants',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: 'Only show your DPS',
       maxCombatantsTitle: 'Max Combatants',
       zoomTitle: 'Zoom Scale',
       zoomOption1: '80%',
@@ -83,6 +84,7 @@ const locale = {
       toggleOption11: 'Max Hit',
       toggleOption12: 'Show "jobless" Combatants',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: 'Mostrar apenas o seu DPS',
       maxCombatantsTitle: 'Máx. Personagens',
       zoomTitle: 'Escala de Zoom',
       zoomOption1: '80%',
@@ -141,6 +143,7 @@ const locale = {
       toggleOption11: '最强伤害',
       toggleOption12: 'Show "jobless" Combatants',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: '只显示你的DPS',
       maxCombatantsTitle: '最强战员',
       zoomTitle: '缩放尺寸',
       zoomOption1: '80%',
@@ -199,6 +202,7 @@ const locale = {
       toggleOption11: '最強傷害',
       toggleOption12: 'Show "jobless" Combatants',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: '只顯示你的DPS',
       maxCombatantsTitle: '最強戰員',
       zoomTitle: '縮放尺寸',
       zoomOption1: '80%',
@@ -257,6 +261,7 @@ const locale = {
       toggleOption11: 'Max Hit',
       toggleOption12: 'Afficher les combatants sans Job',
       toggleOption13: 'Enable streamer mode (blur all names)',
+      toggleOption14: 'Afficher uniquement votre DPS',
       maxCombatantsTitle: 'Combatants max',
       zoomTitle: 'Échelle',
       zoomOption1: '80%',