Merged PR 2295: resolved lint warnings

resolved lint warnings

Related work items: #22873

components/case/representation/elements/RepresentationTypeSelectorBlock.js

@@ -66,7 +66,10 @@ const RenderRepresentationTypeRadioList = ({
                     const hintId = `${optionId}-hint`;
 
                     return (
-                        <div className="govuk-radios__item representation-type-option">
+                        <div
+                            key={option.value || optionId}
+                            className="govuk-radios__item representation-type-option"
+                        >
                             <input
                                 className="govuk-radios__input"
                                 id={optionId}
@@ -195,35 +198,6 @@ const RepresentationTypeSelectorBlock = ({
                     </label>
                 )}
             </div>
-            <style jsx>{`
-                .representation-type-radio-item {
-                    display: flex !important;
-                    flex-direction: column !important;
-                    align-items: flex-start;
-                    width: 100%;
-                }
-
-                .representation-type-radio-choice {
-                    display: block;
-                    width: 100%;
-                }
-
-                .representation-type-radio-hint {
-                    display: block;
-                    clear: both;
-                    margin-left: 40px;
-                    margin-top: 4px;
-                    margin-bottom: 8px;
-                    width: calc(100% - 40px);
-                }
-
-                @media (max-width: 640px) {
-                    .representation-type-radio-hint {
-                        margin-left: 34px;
-                        margin-top: 2px;
-                    }
-                }
-            `}</style>
         </div>
     );
 };

components/case/representation/index.js

@@ -874,15 +874,29 @@ let MakeRepresentation = (props) => {
         // Prepare data object for upload
         const dataObj = cleanedValues;
 
+        const caseFolderReference =
+            props.caseReference ||
+            dataObj.ticketnumber ||
+            currentView?.caseReference?.ticketnumber ||
+            currentView?.caseReference?.currentReference ||
+            dataObj.caseRef ||
+            "";
+
         // Update links on values
         const updatedValues = updateLinks(cleanedValues);
 
+        const resolvedContainerID =
+            updatedValues.containerID ||
+            dataObj.containerID ||
+            props?.props?.accountDetails?.containerID ||
+            props?.props?.accountDetails?.accountDetails?.containerID;
+
         // Perform file upload and return the promise
         return uploadRepFiles(
             dataObj,
             [{}],
-            updatedValues.containerID,
-            `${props.caseReference}/${dataObj.repfile_name}`
+            resolvedContainerID,
+            `${caseFolderReference}/${dataObj.repfile_name}`
         );
     };