fix descriptions

Author: GabsTheCuriousKid

src/components/library-item/library-item.css

@@ -201,6 +201,14 @@ body.dark-mode .libraryItem {
     margin-right: 0.25rem;
 }
 
+.featuredExtensionMetadataDetail a{
+    color: blue;
+}
+
+.featuredExtensionMetadataDetail a:hover{
+    text-decoration: underline;
+}
+
 .comingSoonText {
     position: absolute;
     background-color: var(--data-primary);

src/components/library-item/library-item.jsx

@@ -59,9 +59,9 @@ class LibraryItemComponent extends React.PureComponent {
                     <br />
                     <span
                         className={"featuredDescription"}
-                        nothing={(this.props.description == null).toString()}
+                        nothing={(!!this.props.description)}
                     >
-                        {this.props.description == null ? this.props.description : "No description provided."}
+                        {this.props.description ? this.props.description : "No description provided."}
                     </span>
                 </div>
 
@@ -153,6 +153,20 @@ class LibraryItemComponent extends React.PureComponent {
                                     </div>
                                 </div>
                             ) : null}
+                            {this.props.extDeveloperHREF ? () => { 
+                                const {name, href} = this.props.extDeveloperHREF;
+                                return (
+                                    <div>
+                                        <div>
+                                            Created by
+                                        </div>
+                                        <div
+                                            className={"featuredExtensionMetadataDetail"}
+                                        >
+                                            <a href={href}>{name}</a>
+                                        </div>
+                                    </div>
+                            )} : null}
                             {this.props.credits && this.props.credits.length > 0 && (
                                 <div>
                                     <FormattedMessage
@@ -247,10 +261,8 @@ LibraryItemComponent.propTypes = {
     intl: intlShape,
     bluetoothRequired: PropTypes.bool,
     collaborator: PropTypes.string,
-    extDeveloper: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.node
-    ]),
+    extDeveloper: PropTypes.string,
+    extDeveloperHREF: PropTypes.func,
     description: PropTypes.oneOfType([
         PropTypes.string,
         PropTypes.node

src/containers/extension-library.jsx

@@ -26,6 +26,7 @@ class ExtensionLibrary extends React.Component {
                     internetConnectionRequired={item.internetConnectionRequired}
                     credits={item.credits}
                     extDeveloper={item.extDeveloper}
+                    extDeveloperHREF={item.extDevHREF}
 
                     onBlur={() => {}}
                     onClick={() => {}}

src/extensions.jsx

@@ -52,9 +52,10 @@ const menuItems = [
         extensionId: 'https://gabsthecuriouskid.github.io/DinosaurModExtensions/extensions/Useless_Blocks.js',
         iconURL: 'https://gabsthecuriouskid.github.io/DinosaurModExtensions/images/Useless_Blocks.png',
         description: '',
-        extDeveloper: (
-            <a href="https://www.youtube.com/channel/UCJzRC3HsauioZoc9vKC6W4g">Jambs</a> 
-        ),
+        extDevHREF: {
+            name: "Jambs",
+            href: "https://www.youtube.com/channel/UCJzRC3HsauioZoc9vKC6W4g"
+        },
         featured: true
     },
 ];