ScCN/scratch-gui
2
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More work on library item requires/collab section.

Browse Source
This commit is contained in:
Evelyn Eastmond committed 2018-11-13 11:44:43 -05:00
1 parent 3969ee987a
commit 8a2a4a1ae0
2 files changed
+30 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/library-item/library-item.css
+6
View File
@@ -139,6 +139,12 @@
align-items: left;
}
.featured-extension-requirement-img {
width: 20px;
height: 20px;
background-color: red;
}
.featured-extension-collaboration {
width: 100%;
display: flex;
src/components/library-item/library-item.jsx
+24 -4
View File
@@ -96,12 +96,32 @@ class LibraryItem extends React.PureComponent {
{true ? ( /* TODO: make extension-only and requirements-only */
<div className={styles.featuredExtensionMetadata}>
<div className={styles.featuredExtensionRequirement}>
<div>Requires</div>
<div className={styles.featuredExtensionMetadataDetail}>[icon]</div>
<div>
<FormattedMessage
defaultMessage="Requires"
description="Label for extension hardware requirements"
id="gui.extensionLibrary.requires"
/>
</div>
<div
className={styles.featuredExtensionMetadataDetail}
>
<img src={`#` /* TODO: add require icon prop */} />
</div>
</div>
<div className={styles.featuredExtensionCollaboration}>
<div>Collaboration with</div>
<div className={styles.featuredExtensionMetadataDetail}>Amazon Web Services</div>
<div>
<FormattedMessage
defaultMessage="Collaboration with"
description="Label for extension collaboration"
id="gui.extensionLibrary.collaboration"
/>
</div>
<div
className={styles.featuredExtensionMetadataDetail}
>
{`Amazon Web Services` /* TODO: add collab prop */}
</div>
</div>
</div>
) : null}