change modal copy

dashboard/src/components/porter/ExpandableSection.tsx

@@ -25,13 +25,10 @@ const ExpandableSection: React.FC<Props> = ({
   collapseText,
   maxHeight,
 }) => {
-  const [isExpanded, setIsExpanded] = useState(false);
-  useEffect(() => {
-    setIsExpanded(isInitiallyExpanded);
-  }, [isInitiallyExpanded]);
+  const [isExpanded, setIsExpanded] = useState(isInitiallyExpanded ?? false);
 
   return (
-    <StyledExpandableSection 
+    <StyledExpandableSection
       isExpanded={isExpanded}
       background={background}
       noWrapper={noWrapper}
@@ -44,7 +41,7 @@ const ExpandableSection: React.FC<Props> = ({
           </ExpandButton>
         </Container>
       ) : (
-        <HeaderRow 
+        <HeaderRow
           isExpanded={isExpanded}
           onClick={() => setIsExpanded(!isExpanded)}
           color={color}
@@ -71,7 +68,7 @@ const ExpandButton = styled.div`
   font-size: 13px;
 `;
 
-const HeaderRow = styled.div<{ 
+const HeaderRow = styled.div<{
   isExpanded: boolean;
   color?: string;
 }>`
@@ -97,7 +94,7 @@ const HeaderRow = styled.div<{
   }
 `;
 
-const StyledExpandableSection = styled.div<{ 
+const StyledExpandableSection = styled.div<{
   isExpanded: boolean;
   background?: string;
   noWrapper?: boolean;

dashboard/src/main/home/app-dashboard/new-app-flow/GithubActionModal.tsx

@@ -23,7 +23,7 @@ const GithubActionModal: React.FC<GithubActionModalProps> = ({
             </Text>
             <Spacer height="15px" />
             <Text color="helper">
-                In order to automatically update your services every time new code is pushed to your GitHub branch, you will need the following file in your Github repository:
+                In order to automatically update your services every time new code is pushed to your GitHub branch, the following file must exist in your Github repository:
             </Text>
             <Spacer y={1} />
             <ExpandableSection
@@ -33,6 +33,7 @@ const GithubActionModal: React.FC<GithubActionModalProps> = ({
                 Header={
                     <ModalHeader>./github/workflows/porter_deploy.yml</ModalHeader>
                 }
+                isInitiallyExpanded={true}
                 ExpandedSection={
                     <>
                         <Spacer height="15px" />
@@ -52,7 +53,7 @@ const GithubActionModal: React.FC<GithubActionModalProps> = ({
             />
             <Spacer y={1} />
             <Text color="helper">
-                Porter can open a PR for you to approve and merge this file into your repository, or you can add it yourself.
+                Porter can open a PR for you to approve and merge this file into your repository, or you can add it yourself. If you allow Porter to open a PR, you will be redirected to the PR in a new tab after hitting Complete below.
             </Text>
             <Spacer y={1} />
             <Select
@@ -61,9 +62,11 @@ const GithubActionModal: React.FC<GithubActionModalProps> = ({
                     { label: "I will copy the file into my repository myself", value: "I will copy the file into my repository myself" },
                 ]}
                 onChange={(x: any) => console.log(x)}
+                width="100%"
             />
             <Button
                 onClick={closeModal}
+                width={"100%"}
             >
                 Complete
             </Button>