From 9af24886417fc9408073f1b88599cc10f088c41a Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Tue, 5 Apr 2022 13:45:39 +0200
Subject: [PATCH] update shared links

---
 assets/css/app.scss                    |  6 ++--
 templates/editorjs/link.html.twig      |  6 ++--
 templates/page/links/default.html.twig | 38 ++++++++++++++------------
 3 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 97bd7fb..a71a6a5 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -324,7 +324,7 @@ pre[class*="language-"] {
     }
 }
 
-.content hr {
+.content hr, .content .hr {
     border: 0;
     border-bottom: 1px dashed $color-hr-border;
     background: $color-hr-background;
@@ -976,14 +976,14 @@ $links: (
         }
     }
 
-    .content hr {
+    .content hr, .content .hr {
         background: none;
     }
 
     .quick-body,
     .quick-video .video-ratio,
     .quick-image img,
-    .content hr,
+    .content hr, .content .hr,
     .ejs-link,
     .alert
     {
diff --git a/templates/editorjs/link.html.twig b/templates/editorjs/link.html.twig
index 5b75e0a..4748add 100644
--- a/templates/editorjs/link.html.twig
+++ b/templates/editorjs/link.html.twig
@@ -1,12 +1,12 @@
 {% block render %}
     <div class="ejs-link">
-        <a href="{{ link }}" class="ejs-link--anchor {% if meta.image %}ejs-link--anchor--with-image{% endif %}">
+        <a href="{{ link }}" class="ejs-link--anchor {% if meta.image is defined and meta.image %}ejs-link--anchor--with-image{% endif %}" target="_blank">
             <div class="ejs-link-content">
                 {% if meta.title %}
                     <div class="ejs-link-content--title">{{- meta.title -}}</div>
                 {% endif %}
                 {% if meta.title %}
-                    <div class="ejs-link-content--description">{{- meta.description|nl2br -}}</div>
+                    <div class="ejs-link-content--description">{{- meta.description|raw|nl2br -}}</div>
                 {% endif %}
                 {% if link %}
                     <div class="ejs-link-content--link">
@@ -16,7 +16,7 @@
                 {% endif %}
             </div>
 
-            {% if meta.image %}
+            {% if meta.image is defined and meta.image %}
                 <div class="ejs-link--image" style="background-image: url('{{ meta.image.url }}')"></div>
             {% endif %}
         </a>
diff --git a/templates/page/links/default.html.twig b/templates/page/links/default.html.twig
index 6b87130..1044c21 100644
--- a/templates/page/links/default.html.twig
+++ b/templates/page/links/default.html.twig
@@ -28,26 +28,30 @@
 
     {% if pager.items is defined %}
         {% for item in pager.items %}
-            <div class="col-12">
-                <div class="body">
-                    <div class="quick">
-                        <div class="quick-body">
-                            <h2 class="h4 no-margin">
-                                <a href="{{ item.link }}" target="_blank">
-                                    {{- item.title -}}
-                                </a>
-                            </h2>
-                            <p>
-                                <a href="{{ item.link }}" target="_blank">
-                                    {{- item.link -}}
-                                </a>
-                                <br>
-                                {{- item.timestamp|date("d/m/Y à H\\hi") -}}
-                            </p>
+            {% if item.metas|length and item.metas.meta.title %}
+                <div class="col-12">
+                    <div class="body">
+                        {{ {blocks: [{type: 'link', data: item.metas}]}|editorjs_to_html|raw }}
+                    </div>
+                </div>
+            {% else %}
+                <div class="col-12">
+                    <div class="body">
+                        <div class="ejs-link">
+                            <a href="{{ item.link }}" class="ejs-link--anchor" target="_blank">
+                                <div class="ejs-link-content">
+                                    <div class="ejs-link-content--title">{{- item.title -}}</div>
+
+                                    <div class="ejs-link-content--link">
+                                        <span class="deblan-icon deblan-icon-link"></span>
+                                        {{- item.link -}}
+                                    </div>
+                                </div>
+                            </a>
                         </div>
                     </div>
                 </div>
-            </div>
+            {% endif %}
         {% endfor %}
 
         {% if pager.maxPage %}