Advertisement
kopyl

2nd iteration code for public repos and templates

Sep 8th, 2022 (edited)
1,213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. const AddingRepo = () => {
  2.   return (
  3.     <Grid
  4.       container
  5.       padding={"28px 30px 30px"}
  6.       borderRadius="5px"
  7.       marginTop="50px"
  8.       sx={{
  9.         backgroundColor: "#5305A1",
  10.       }}
  11.       gap="30px"
  12.       flexDirection="row"
  13.     >
  14.       <Grid container flexDirection="column" width="auto" gap="21px" flex="0.5">
  15.         <OnboardingHeading smallest>Connect private repos:</OnboardingHeading>
  16.         <Grid container className="buttons" gap="5px">
  17.           <OnboardingButton small EndIcon={iconGitlab}>
  18.             Gitlab
  19.           </OnboardingButton>
  20.           <OnboardingButton small EndIcon={iconGitHub}>
  21.             Github
  22.           </OnboardingButton>
  23.         </Grid>
  24.       </Grid>
  25.  
  26.       {/* Remove on 1st iteration */}
  27.       {/* <Grid container gap="21px" flexDirection="column" flex="1">
  28.         <label htmlFor="repo-input">
  29.           <OnboardingHeading smallest>
  30.             Or enter public GitHub repo URL
  31.           </OnboardingHeading>
  32.         </label>
  33.         <Grid container display="flex">
  34.           <Input id="repo-input" error={false} flex="1"></Input>
  35.         </Grid>
  36.       </Grid> */}
  37.     </Grid>
  38.   );
  39. };
  40.  
  41. export function RepoConnection() {
  42.   return (
  43.     <OnboardingInnerBox gap="50px">
  44.       <Grid container flex={1} display={"flex"} direction={"column"}>
  45.         <RepoConnectionHeader />
  46.         <AddingRepo />
  47.       </Grid>
  48.       {/* Remove on 1st iteration */}
  49.       {/* <Grid container gap="21px" flexDirection="column" flexWrap="nowrap">
  50.         <OnboardingHeading small secondary>
  51.           Or deploy a sample app:
  52.         </OnboardingHeading>
  53.         <Templates />
  54.       </Grid> */}
  55.     </OnboardingInnerBox>
  56.   );
  57. }
  58.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement