Skip to content

Instantly share code, notes, and snippets.

@scherler

scherler/EnvironmentList.tsx

Created November 22, 2018 17:35
Show Gist options
  • Save scherler/a567a4e02f216bc2352a6ac4eae993d0 to your computer and use it in GitHub Desktop.
Save scherler/a567a4e02f216bc2352a6ac4eae993d0 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. scherler created this gist Nov 22, 2018.
    16 changes: 16 additions & 0 deletions EnvironmentList.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    <List itemsPerRow={1}>
    {selectedTeam!.environments.previews
    .map(preview => (
    <ListItem
    key={preview.key}
    className={ShipyardStyles.mb_30}
    onClick={() => console.log('select env', preview)}>
    <div className={styles.environmentListItemContent}>
    <h3 className={styles.environmentListItemHeader}>{preview.title}</h3>
    <img src="https://cloudbees.github.io/core-sandbox/core/environments/core-sandbox/assets/avatar-x128-5b0a88e9a48110fb6e940d570d5938304fdde7fd4259c0cba2670b7c5535291d.jpg" alt="Johnny Appleseed" className="w-24 h-24 rounded-pill pin-t-20 pin-r-20 absolute"/>
    <hr className={styles.environmentListItemHr}/>
    </div>

    </ListItem>
    ))}
    </List>