New source found from dndbeyond.com

ddb_main/tools/js/Shared/components/SpellDetail/SpellDetail.tsx

@@ -312,7 +312,7 @@ export default class SpellDetail extends React.PureComponent<Props> {
       }
       if (range.aoeValue) {
         rangeAreas.push(
-          <React.Fragment>
+          <>
             <NumberDisplay type="distanceInFt" number={range.aoeValue} />
             <span className="ct-spell-detail__range-shape">
               <AoeTypeIcon
@@ -325,7 +325,7 @@ export default class SpellDetail extends React.PureComponent<Props> {
                 themeMode={theme.isDarkMode ? "gray" : "dark"}
               />
             </span>
-          </React.Fragment>
+          </>
         );
       }
     }
@@ -367,7 +367,6 @@ export default class SpellDetail extends React.PureComponent<Props> {
       );
     }
 
-    const infoItemProps = { role: "listitem", inline: true };
     const getSourceInfo = (sourceId) =>
       sourceId ? RuleDataUtils.getSourceDataInfo(sourceId, ruleData) : null;
 
@@ -393,11 +392,11 @@ export default class SpellDetail extends React.PureComponent<Props> {
         {this.renderCaster()}
         {this.renderCustomize()}
         <div className="ct-spell-detail__properties" role="list">
-          <InfoItem label="Casting Time:" {...infoItemProps}>
+          <InfoItem label="Casting Time:">
             {castingTimeDisplay}
             {castingTimeDescription ? `, ${castingTimeDescription}` : ""}
           </InfoItem>
-          <InfoItem label="Range/Area:" {...infoItemProps}>
+          <InfoItem label="Range/Area:">
             {rangeAreas.map((node, idx) => (
               <React.Fragment key={idx}>
                 {node}
@@ -405,7 +404,7 @@ export default class SpellDetail extends React.PureComponent<Props> {
               </React.Fragment>
             ))}
           </InfoItem>
-          <InfoItem label="Components:" {...infoItemProps}>
+          <InfoItem label="Components:">
             {componentsNode}
             {componentsDescription && (
               <span className="ct-spell-detail__components-description">
@@ -414,7 +413,7 @@ export default class SpellDetail extends React.PureComponent<Props> {
             )}
           </InfoItem>
           {duration !== null && (
-            <InfoItem label="Duration:" {...infoItemProps}>
+            <InfoItem label="Duration:">
               {DurationUtils.renderDuration(
                 duration,
                 SpellUtils.getConcentration(spell)
@@ -422,23 +421,15 @@ export default class SpellDetail extends React.PureComponent<Props> {
             </InfoItem>
           )}
           {requiresSavingThrow && (
-            <InfoItem label="Attack/Save:" {...infoItemProps}>
+            <InfoItem label="Attack/Save:">
               {SpellUtils.getSaveDcAbilityShortName(spell, ruleData)}{" "}
               {attackSaveValue}
             </InfoItem>
           )}
-          {version !== null && (
-            <InfoItem label="Version:" {...infoItemProps}>
-              {version}
-            </InfoItem>
-          )}
-          {notes && (
-            <InfoItem label="Notes:" {...infoItemProps}>
-              {notes}
-            </InfoItem>
-          )}
+          {version !== null && <InfoItem label="Version:">{version}</InfoItem>}
+          {notes && <InfoItem label="Notes:">{notes}</InfoItem>}
           {sourceId !== null && (
-            <InfoItem label="Source:" {...infoItemProps}>
+            <InfoItem label="Source:">
               <Reference
                 name={getSourceInfo(sourceId)?.description || ""}
                 page={sourcePage}