[Comp-824] IR enforcement tab ordering items (#774)

Author: tolkamps1

compliance-web/src/components/App/Inspections/Profile/InspectionEnforcements.tsx

@@ -651,48 +651,50 @@ const InspectionEnforcements: React.FC<InspectionEnforcementsProps> = ({
                 openEnforcementModal={openEnforcementModal}
               />
             ))}
-          {inspectionOrdersData?.map((order) => (
+          {inspectionAdministrativePenaltiesData?.map((penality) => (
             <Box
-              key={order.id}
-              onClick={() => openEnforcementOrderDrawer(order)}
+              key={penality.id}
+              onClick={() => openAdministrativePenaltyUpdateModal(penality)}
             >
               <EnforcementCard
-                order={order}
+                administrativePenalty={penality}
                 requirementEnforcements={requirementEnforcements}
               />
             </Box>
           ))}
-          {inspectionWarningLettersData?.map((warningLetter) => (
+          {inspectionChargeRecommendationsData?.map((chargeRecommendation) => (
             <Box
-              key={warningLetter.id}
-              onClick={() => openEnforcementWarningLetterDrawer(warningLetter)}
+              key={chargeRecommendation.id}
+              onClick={() =>
+                openChargeRecommendationUpdateModal(chargeRecommendation)
+              }
             >
               <EnforcementCard
-                warningLetter={warningLetter}
+                chargeRecommendation={chargeRecommendation}
                 requirementEnforcements={requirementEnforcements}
               />
             </Box>
           ))}
-          {inspectionAdministrativePenaltiesData?.map((penality) => (
+          {inspectionOrdersData?.map((order) => (
             <Box
-              key={penality.id}
-              onClick={() => openAdministrativePenaltyUpdateModal(penality)}
+              key={order.id}
+              onClick={() => openEnforcementOrderDrawer(order)}
             >
               <EnforcementCard
-                administrativePenalty={penality}
+                order={order}
                 requirementEnforcements={requirementEnforcements}
               />
             </Box>
           ))}
-          {inspectionChargeRecommendationsData?.map((chargeRecommendation) => (
+          {inspectionRestorativeJusticeData?.map((restorativeJustice) => (
             <Box
-              key={chargeRecommendation.id}
+              key={restorativeJustice.id}
               onClick={() =>
-                openChargeRecommendationUpdateModal(chargeRecommendation)
+                openRestorativeJusticeUpdateModal(restorativeJustice)
               }
             >
               <EnforcementCard
-                chargeRecommendation={chargeRecommendation}
+                restorativeJustice={restorativeJustice}
                 requirementEnforcements={requirementEnforcements}
               />
             </Box>
@@ -708,15 +710,13 @@ const InspectionEnforcements: React.FC<InspectionEnforcementsProps> = ({
               />
             </Box>
           ))}
-          {inspectionRestorativeJusticeData?.map((restorativeJustice) => (
+          {inspectionWarningLettersData?.map((warningLetter) => (
             <Box
-              key={restorativeJustice.id}
-              onClick={() =>
-                openRestorativeJusticeUpdateModal(restorativeJustice)
-              }
+              key={warningLetter.id}
+              onClick={() => openEnforcementWarningLetterDrawer(warningLetter)}
             >
               <EnforcementCard
-                restorativeJustice={restorativeJustice}
+                warningLetter={warningLetter}
                 requirementEnforcements={requirementEnforcements}
               />
             </Box>