import { Component, linkEvent } from 'inferno';
-import { Post } from '../interfaces';
+import { Post } from 'lemmy-js-client';
import { mdToHtml } from '../utils';
import { i18n } from '../i18next';
return (
<>
{post.embed_title && !this.state.expanded && (
- <div class="card mt-3 mb-2">
+ <div class="card bg-transparent border-secondary mt-3 mb-2">
<div class="row">
<div class="col-12">
<div class="card-body">
<h5 class="card-title d-inline">
- <span>
- <a class="text-body" target="_blank" href={post.url}>
+ {post.embed_html ? (
+ <span
+ class="unselectable pointer"
+ onClick={linkEvent(this, this.handleIframeExpand)}
+ data-tippy-content={i18n.t('expand_here')}
+ >
{post.embed_title}
- </a>
- </span>
+ </span>
+ ) : (
+ <span>
+ <a
+ class="text-body"
+ target="_blank"
+ href={post.url}
+ rel="noopener"
+ >
+ {post.embed_title}
+ </a>
+ </span>
+ )}
</h5>
<span class="d-inline-block ml-2 mb-2 small text-muted">
<a
class="text-muted font-italic"
target="_blank"
href={post.url}
+ rel="noopener"
>
{new URL(post.url).hostname}
<svg class="ml-1 icon">