From d95962e4055ee41ed0db53c76f562a94a966115e Mon Sep 17 00:00:00 2001
From: Shaun Hamilton <shauhami020@gmail.com>
Date: Fri, 9 Jul 2021 04:00:04 +0100
Subject: [PATCH] fix(client): adjust project link logic to show files (#42717)

---
 .../src/client-only-routes/show-project-links.tsx  | 14 +++++++-------
 client/src/redux/prop-types.ts                     |  2 ++
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/client/src/client-only-routes/show-project-links.tsx b/client/src/client-only-routes/show-project-links.tsx
index 7d25a1ef6b..0b5163d660 100644
--- a/client/src/client-only-routes/show-project-links.tsx
+++ b/client/src/client-only-routes/show-project-links.tsx
@@ -23,14 +23,14 @@ interface IShowProjectLinksProps {
 
 type SolutionStateType = {
   projectTitle: string;
-  challengeFiles: ChallengeFileType[] | null;
+  files?: ChallengeFileType[] | null;
   solution: CompletedChallenge['solution'];
   isOpen: boolean;
 };
 
 const initSolutionState: SolutionStateType = {
   projectTitle: '',
-  challengeFiles: null,
+  files: null,
   solution: null,
   isOpen: false
 };
@@ -55,16 +55,16 @@ const ShowProjectLinks = (props: IShowProjectLinksProps): JSX.Element => {
       return null;
     }
 
-    const { solution, githubLink, challengeFiles } = completedProject;
+    const { solution, githubLink, files } = completedProject;
     const onClickHandler = () =>
       setSolutionState({
         projectTitle,
-        challengeFiles,
+        files,
         solution,
         isOpen: true
       });
 
-    if (challengeFiles) {
+    if (files) {
       return (
         <button
           className='project-link-button-override'
@@ -162,7 +162,7 @@ const ShowProjectLinks = (props: IShowProjectLinksProps): JSX.Element => {
     name,
     user: { username }
   } = props;
-  const { challengeFiles, isOpen, projectTitle, solution } = solutionState;
+  const { files, isOpen, projectTitle, solution } = solutionState;
   return (
     <div>
       {t(
@@ -176,7 +176,7 @@ const ShowProjectLinks = (props: IShowProjectLinksProps): JSX.Element => {
       <Spacer />
       {isOpen ? (
         <ProjectModal
-          files={challengeFiles}
+          files={files}
           handleSolutionModalHide={handleSolutionModalHide}
           isOpen={isOpen}
           projectTitle={projectTitle}
diff --git a/client/src/redux/prop-types.ts b/client/src/redux/prop-types.ts
index 017c7e9ce5..153de57ea0 100644
--- a/client/src/redux/prop-types.ts
+++ b/client/src/redux/prop-types.ts
@@ -305,6 +305,8 @@ export type CompletedChallenge = {
   challengeType?: number;
   completedDate: number;
   challengeFiles: ChallengeFileType[] | null;
+  // TODO: remove once files->challengeFiles is refactored
+  files?: ChallengeFileType[] | null;
 };
 // TODO: renames: files => challengeFiles; key => fileKey; #42489
 export type ChallengeFileType =