diff options
author | Dessalines <tyhou13@gmx.com> | 2020-02-17 12:45:08 -0500 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-02-17 12:45:08 -0500 |
commit | 6c28851fe88d2120ac84c118ff76ab28186a0788 (patch) | |
tree | eb20b806b9562e48928299d0565e31b3ca43d448 /ui/src/components/iframely-card.tsx | |
parent | 30e1456ac019336cc1972cc852b1bf373a1f0851 (diff) |
Only show it if it has a title.
Diffstat (limited to 'ui/src/components/iframely-card.tsx')
-rw-r--r-- | ui/src/components/iframely-card.tsx | 94 |
1 files changed, 48 insertions, 46 deletions
diff --git a/ui/src/components/iframely-card.tsx b/ui/src/components/iframely-card.tsx index 73f3cef7..a9193528 100644 --- a/ui/src/components/iframely-card.tsx +++ b/ui/src/components/iframely-card.tsx @@ -27,60 +27,62 @@ export class IFramelyCard extends Component< let iframely = this.props.iframely; return ( <> - <div class="card my-2"> - <div class="row no-gutters"> - {iframely.thumbnail_url && ( - <div class="col-sm-3"> - {iframely.html ? ( - <span - class="pointer" - onClick={linkEvent(this, this.handleIframeExpand)} - > - <img class="card-img" src={iframely.thumbnail_url} /> - </span> - ) : ( - <img - class="img-fluid card-img" - src={iframely.thumbnail_url} - /> - )} - </div> - )} - <div class="col-sm-9"> - <div class="card-body"> - <h5 class="card-title d-inline"> - <span> - <a class="text-body" target="_blank" href={iframely.url}> - {iframely.title} - </a> - </span> - </h5> - <span class="d-inline-block ml-2 mb-2 small text-muted"> - <a class="text-muted" target="_blank" href={iframely.url}> - {new URL(iframely.url).hostname} - <svg class="ml-1 icon"> - <use xlinkHref="#icon-external-link"></use> - </svg> - </a> - {iframely.html && ( + {iframely.title && ( + <div class="card my-2"> + <div class="row no-gutters"> + {iframely.thumbnail_url && ( + <div class="col-sm-3"> + {iframely.html ? ( <span - class="ml-2 pointer" + class="pointer" onClick={linkEvent(this, this.handleIframeExpand)} > - {this.state.expanded ? '[-]' : '[+]'} + <img class="card-img" src={iframely.thumbnail_url} /> </span> + ) : ( + <img + class="img-fluid card-img" + src={iframely.thumbnail_url} + /> )} - </span> - {iframely.description && ( - <div - className="card-text small text-muted md-div" - dangerouslySetInnerHTML={mdToHtml(iframely.description)} - /> - )} + </div> + )} + <div class="col-sm-9"> + <div class="card-body"> + <h5 class="card-title d-inline"> + <span> + <a class="text-body" target="_blank" href={iframely.url}> + {iframely.title} + </a> + </span> + </h5> + <span class="d-inline-block ml-2 mb-2 small text-muted"> + <a class="text-muted" target="_blank" href={iframely.url}> + {new URL(iframely.url).hostname} + <svg class="ml-1 icon"> + <use xlinkHref="#icon-external-link"></use> + </svg> + </a> + {iframely.html && ( + <span + class="ml-2 pointer" + onClick={linkEvent(this, this.handleIframeExpand)} + > + {this.state.expanded ? '[-]' : '[+]'} + </span> + )} + </span> + {iframely.description && ( + <div + className="card-text small text-muted md-div" + dangerouslySetInnerHTML={mdToHtml(iframely.description)} + /> + )} + </div> </div> </div> </div> - </div> + )} {this.state.expanded && ( <div class="my-2 embed-responsive embed-responsive-16by9"> <div |