Re-arrange sections of the Summary Page (#1771)

hackforla · Jun 27, 2024 · df5532c · df5532c
1 parent 23cd570
commit df5532c
Showing 1 changed file with 36 additions and 37 deletions.
diff --git a/client/src/components/ProjectWizard/WizardPages/ProjectSummary/ProjectSummary.js b/client/src/components/ProjectWizard/WizardPages/ProjectSummary/ProjectSummary.js
@@ -219,39 +219,6 @@ const ProjectSummary = props => {
           </div>
 
           {rules ? <ProjectInfoContainer rules={rules} /> : null}
-
-          <div className={classes.categoryContainer}>
-            <div
-              className={clsx("space-between", classes.categoryHeaderContainer)}
-            >
-              <span className={classes.categoryHeader}>
-                TDM STRATEGIES SELECTED
-              </span>
-              <span className={classes.earnedPoints}>EARNED POINTS</span>
-            </div>
-            <div className={classes.measuresContainer}>
-              {rulesNotEmpty
-                ? measureRules.map(rule => (
-                    <MeasureSelected rule={rule} key={rule.id} />
-                  ))
-                : null}
-              {userDefinedStrategy.calcValue &&
-              userDefinedStrategy.comment.length > 0 ? (
-                <div>
-                  <div className={classes.rule}>
-                    <div className={classes.ruleName}>
-                      User-Defined Strategy Details:
-                    </div>
-                  </div>
-                  <div
-                    className={clsx("border-gray", classes.summaryContainer)}
-                  >
-                    {userDefinedStrategy.comment}
-                  </div>
-                </div>
-              ) : null}
-            </div>
-          </div>
           <div className={classes.categoryContainer}>
             <div
               className={clsx("space-between", classes.categoryHeaderContainer)}
@@ -308,13 +275,45 @@ const ProjectSummary = props => {
                 </div>
               ) : null}
             </div>
-            <div className={classes.tempTextContainer}>
-              <span className={classes.tempText}>
-                The ordinances behind this TDM calculator are still in public
-                comment. No submission is possible at this time.
+          </div>
+          <div className={classes.categoryContainer}>
+            <div
+              className={clsx("space-between", classes.categoryHeaderContainer)}
+            >
+              <span className={classes.categoryHeader}>
+                TDM STRATEGIES SELECTED
               </span>
+              <span className={classes.earnedPoints}>EARNED POINTS</span>
+            </div>
+            <div className={classes.measuresContainer}>
+              {rulesNotEmpty
+                ? measureRules.map(rule => (
+                    <MeasureSelected rule={rule} key={rule.id} />
+                  ))
+                : null}
+              {userDefinedStrategy.calcValue &&
+              userDefinedStrategy.comment.length > 0 ? (
+                <div>
+                  <div className={classes.rule}>
+                    <div className={classes.ruleName}>
+                      User-Defined Strategy Details:
+                    </div>
+                  </div>
+                  <div
+                    className={clsx("border-gray", classes.summaryContainer)}
+                  >
+                    {userDefinedStrategy.comment}
+                  </div>
+                </div>
+              ) : null}
             </div>
           </div>
+          <div className={classes.tempTextContainer}>
+            <span className={classes.tempText}>
+              The ordinances behind this TDM calculator are still in public
+              comment. No submission is possible at this time.
+            </span>
+          </div>
         </>
       ) : (
         <div className={classes.loaderContainer}>