jeans/arduino-ide
jeans/arduino-ide
1
0
Fork 0
mirror of https://github.com/arduino/arduino-ide.git synced 2025-06-16 17:16:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fallback rendering in case a BoardPackage with no name or author is found (arduino/arduino-pro-ide#21)

Browse Source
This commit is contained in:
Miro Spönemann 2020-01-14 15:35:44 +01:00
parent 1be76aa264
commit 8dbcb8bbb6
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
arduino-ide-extension/src/browser/components/component-list/list-item-renderer.tsx
View File

@ -27,8 +27,18 @@ export class ListItemRenderer<T extends ArduinoComponent> {
): React.ReactNode { ): React.ReactNode {
const { item } = input; const { item } = input;
let nameAndAuthor: JSX.Element;
if (item.name && item.author) {
const name = <span className='name'>{item.name}</span>; const name = <span className='name'>{item.name}</span>;
const author = <span className='author'>{item.author}</span>; const author = <span className='author'>{item.author}</span>;
nameAndAuthor = <span>{name} by {author}</span>
} else if (item.name) {
nameAndAuthor = <span className='name'>{item.name}</span>;
} else if ((item as any).id) {
nameAndAuthor = <span className='name'>{(item as any).id}</span>;
} else {
nameAndAuthor = <span className='name'>Unknown</span>;
}
const onClickUninstall = () => uninstall(item); const onClickUninstall = () => uninstall(item);
const installedVersion = !!item.installedVersion && <div className='version-info'> const installedVersion = !!item.installedVersion && <div className='version-info'>
<span className='version'>Version {item.installedVersion}</span> <span className='version'>Version {item.installedVersion}</span>
@ -71,7 +81,7 @@ export class ListItemRenderer<T extends ArduinoComponent> {
return <div className='component-list-item noselect'> return <div className='component-list-item noselect'>
<div className='header'> <div className='header'>
<span>{name} by {author}</span> {nameAndAuthor}
{installedVersion} {installedVersion}
</div> </div>
<div className='content'> <div className='content'>