From c37ec1c70c93666d043bcfb027b3a4e1acd9d6d2 Mon Sep 17 00:00:00 2001
From: Aminejv <elouartinra@hotmail.com>
Date: Tue, 26 Oct 2021 17:25:54 +0100
Subject: [PATCH] feat(GlobalCarouselJumpers/FileDescription): add
 FileDescription jumper, triggered by the More button in the carousel header

---
 .../GlobalCarousel/jumpers/FileDescription.js | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 components/system/components/GlobalCarousel/jumpers/FileDescription.js

diff --git a/components/system/components/GlobalCarousel/jumpers/FileDescription.js b/components/system/components/GlobalCarousel/jumpers/FileDescription.js
new file mode 100644
index 00000000..33375322
--- /dev/null
+++ b/components/system/components/GlobalCarousel/jumpers/FileDescription.js
@@ -0,0 +1,36 @@
+import * as React from "react";
+import * as Styles from "~/common/styles";
+import * as System from "~/components/system";
+import * as Jumper from "~/components/core/Jumper";
+
+import { Show } from "~/components/utility/Show";
+
+import LinkIcon from "~/components/core/LinkIcon";
+
+export function FileDescription({ file, isOpen, onClose }) {
+  return isOpen ? (
+    <Jumper.Root onClose={onClose}>
+      <Jumper.Header>
+        <System.H3 as="h1">{file.name || file.filename}</System.H3>
+        <Show when={file.isLink}>
+          <div style={{ marginTop: 5 }} css={Styles.HORIZONTAL_CONTAINER_CENTERED}>
+            <LinkIcon file={file} width={12} height={12} />
+            <System.P2
+              as="p"
+              nbrOflines={1}
+              href={file.url}
+              css={Styles.LINK}
+              style={{ marginLeft: 5 }}
+            >
+              {file.url}
+            </System.P2>
+          </div>
+        </Show>
+      </Jumper.Header>
+      <Jumper.Divider />
+      <Jumper.Item>
+        <System.P2>{file.body}</System.P2>
+      </Jumper.Item>
+    </Jumper.Root>
+  ) : null;
+}