Fix create PR modal

Author: CompuIves

packages/app/src/app/overmind/namespaces/git/actions.ts

@@ -105,8 +105,8 @@ export const descriptionChanged: Action<{
 };
 
 export const createPrClicked: AsyncAction = async ({ state, effects }) => {
-  state.git.pr = null;
   state.git.isCreatingPr = true;
+  state.git.pr = null;
   state.currentModal = 'pr';
   const sandbox = state.editor.currentSandbox;
   if (!sandbox) {

packages/app/src/app/pages/common/Modals/PRModal/index.tsx

@@ -8,28 +8,25 @@ import { ButtonContainer } from './elements';
 export const PRModal: FunctionComponent = () => {
   const {
     state: {
-      git: {
-        isCreatingPr,
-        pr: { prURL },
-      },
+      git: { isCreatingPr, pr },
     },
   } = useOvermind();
 
   return (
     <GitProgress
       message="Forking Repository & Creating PR..."
       result={
-        isCreatingPr ? (
+        isCreatingPr ? null : (
           <div>
             {`Done! We'll now open the new sandbox of this PR and GitHub in 3 seconds...`}
 
             <ButtonContainer>
-              <a href={prURL} rel="noreferrer noopener" target="_blank">
+              <a href={pr.prURL} rel="noreferrer noopener" target="_blank">
                 Click here if nothing happens.
               </a>
             </ButtonContainer>
           </div>
-        ) : null
+        )
       }
     />
   );