frontpage: Replace recent uploads React version with jinja version

inveniosoftware · Jul 4, 2023 · 216a584 · 216a584
1 parent c6cbde9
commit 216a584
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 28 deletions.
diff --git a/..._app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/RecordsResultsListItem.js b/..._app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/RecordsResultsListItem.js
@@ -83,13 +83,17 @@ class RecordsResultsListItem extends Component {
         <Item key={key ?? result.id}>
           <Item.Content>
             <Item.Extra className="labels-actions">
-              <Label size="tiny" className="primary">
+              <Label horizontal size="small" className="primary">
                 {publicationDate} ({version})
               </Label>
-              <Label size="tiny" className="neutral">
+              <Label horizontal size="small" className="neutral">
                 {resourceType}
               </Label>
-              <Label size="tiny" className={`access-status ${accessStatusId}`}>
+              <Label
+                horizontal
+                size="small"
+                className={`access-status ${accessStatusId}`}
+              >
                 {accessStatusIcon && <Icon name={accessStatusIcon} />}
                 {accessStatus}
               </Label>

diff --git a/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/theme.js b/invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/theme.js
@@ -84,6 +84,7 @@ $invenioMenu.on("keydown", (event) => {
   }
 });
 
+// Search bar
 const headerSearchbar = document.getElementById("header-search-bar");
 const searchBarOptions = JSON.parse(headerSearchbar.dataset.options);
 

diff --git a/invenio_app_rdm/theme/templates/semantic-ui/invenio_app_rdm/macros/records_list.html b/invenio_app_rdm/theme/templates/semantic-ui/invenio_app_rdm/macros/records_list.html
@@ -16,33 +16,33 @@
     data-title="{{ title }}"
   >
 
-  <h2 class="ui header">{{ title }}</h2>
-
-  {% for n in range(10) %}
-    <div class="ui fluid placeholder rel-mt-3">
-      <div class="header">
-        <div class="line"></div>
-      </div>
-
-      <div class="paragraph">
-        <div class="line"></div>
-      </div>
-
-      <div class="paragraph">
-        <div class="line"></div>
-        <div class="line"></div>
-      </div>
-
-      <div class="paragraph">
-        <div class="line"></div>
+    <h2 class="ui header">{{ title }}</h2>
+
+    {% for n in range(10) %}
+      <div class="ui fluid placeholder rel-mt-3">
+        <div class="header">
+          <div class="line"></div>
+        </div>
+
+        <div class="paragraph">
+          <div class="line"></div>
+        </div>
+
+        <div class="paragraph">
+          <div class="line"></div>
+          <div class="line"></div>
+        </div>
+
+        <div class="paragraph">
+          <div class="line"></div>
+        </div>
       </div>
-    </div>
 
-    {% if n < 9 %}
-      <div class="ui divider rel-mt-2 rel-mb-2"></div>
-    {% endif %}
-  {% endfor %}
-</div>
+      {% if n < 9 %}
+        <div class="ui divider rel-mt-2 rel-mb-2"></div>
+      {% endif %}
+    {% endfor %}
+  </div>
 
   {{ webpack["invenio-app-rdm-frontpage.js"]}}
 {% endmacro %}