New source found from dndbeyond.com

ddb_main/tools/js/Shared/containers/panes/EncumbrancePane/EncumbrancePane.tsx

@@ -9,10 +9,10 @@ import {
 } from "@dndbeyond/character-rules-engine/es";
 
 import { NumberDisplay } from "~/components/NumberDisplay";
+import { SettingsButton } from "~/subApps/sheet/components/SettingsButton";
 import { Header } from "~/subApps/sheet/components/Sidebar/components/Header";
 import { Heading } from "~/subApps/sheet/components/Sidebar/components/Heading";
 
-import SettingsButton from "../../../../CharacterSheet/components/SettingsButton";
 import { appEnvSelectors } from "../../../selectors";
 import { SharedAppState } from "../../../stores/typings";
 import { SettingsContextsEnum } from "../SettingsPane/typings";
@@ -30,7 +30,6 @@ interface Props {
 }
 class EncumbrancePane extends React.PureComponent<Props> {
   renderWeight = (label, weight): React.ReactNode => {
-    const { theme } = this.props;
     return (
       <div className="ct-encumbrance-pane__weight">
         <span className="ct-encumbrance-pane__weight-label">{label}:</span>
@@ -47,14 +46,14 @@ class EncumbrancePane extends React.PureComponent<Props> {
     // item weight should be the weight of items without coins
     // and coin weight should be the weight of all coins in all equipped containers
     return (
-      <React.Fragment>
+      <>
         <Heading>Current Weight Distribution</Heading>
         <div className="ct-encumbrance-pane__weights">
           {this.renderWeight("Items", itemWeight)}
           {!preferences.ignoreCoinWeight &&
             this.renderWeight("Coins", coinWeight)}
         </div>
-      </React.Fragment>
+      </>
     );
   };
 
@@ -72,10 +71,9 @@ class EncumbrancePane extends React.PureComponent<Props> {
       <div className="ct-encumbrance-pane">
         <Header
           callout={
-            <SettingsButton
-              context={SettingsContextsEnum.ENCUMBRANCE}
-              isReadonly={isReadonly}
-            />
+            !isReadonly && (
+              <SettingsButton context={SettingsContextsEnum.ENCUMBRANCE} />
+            )
           }
         >
           Encumbrance
@@ -84,7 +82,7 @@ class EncumbrancePane extends React.PureComponent<Props> {
         <div className="ct-encumbrance-pane__info">
           {preferences.encumbranceType ===
             Constants.PreferenceEncumbranceTypeEnum.NONE && (
-            <React.Fragment>
+            <>
               <div className="ct-encumbrance-pane__weights">
                 {this.renderWeight("Carrying Capacity", carryCapacity)}
                 {this.renderWeight("Push, Drag, or Lift", pushDragLiftWeight)}
@@ -94,11 +92,11 @@ class EncumbrancePane extends React.PureComponent<Props> {
               <p>
                 Encumbrance rules are not currently applied to this character.
               </p>
-            </React.Fragment>
+            </>
           )}
           {preferences.encumbranceType ===
             Constants.PreferenceEncumbranceTypeEnum.ENCUMBRANCE && (
-            <React.Fragment>
+            <>
               <div className="ct-encumbrance-pane__weights">
                 {this.renderWeight("Carrying Capacity", carryCapacity)}
                 {this.renderWeight("Push, Drag, or Lift", pushDragLiftWeight)}
@@ -131,11 +129,11 @@ class EncumbrancePane extends React.PureComponent<Props> {
                 amount it can push, drag, or lift. For a Tiny creature, halve
                 these weights.
               </p>
-            </React.Fragment>
+            </>
           )}
           {preferences.encumbranceType ===
             Constants.PreferenceEncumbranceTypeEnum.VARIANT && (
-            <React.Fragment>
+            <>
               <div className="ct-encumbrance-pane__weights">
                 {this.renderWeight("Carrying Capacity", carryCapacity)}
                 {this.renderWeight("Push, Drag, or Lift", pushDragLiftWeight)}
@@ -167,7 +165,7 @@ class EncumbrancePane extends React.PureComponent<Props> {
                 disadvantage on ability checks, attack rolls, and saving throws
                 that use Strength, Dexterity, or Constitution.
               </p>
-            </React.Fragment>
+            </>
           )}
         </div>
       </div>