From 7da2f241c5950431ae5f3396b309f2e71267a16f Mon Sep 17 00:00:00 2001
From: Sabrina Miranda <sabrina.miranda1@bol.com.br>
Date: Wed, 25 Jan 2023 08:07:44 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20pr=C3=A1tica=20das=20aulas=207.5=20at?=
 =?UTF-8?q?=C3=A9=207.7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 custom/react/Countdown.tsx                    |   3 +
 .../components/Countdown/assets/clock.svg     |  11 ++
 .../components/Countdown/assets/textura.jpg   | Bin 0 -> 10495 bytes
 custom/react/components/Countdown/index.tsx   |  97 ++++++++++++++++++
 custom/react/components/Countdown/styles.css  |  79 ++++++++++++++
 custom/store/interfaces.json                  |   4 +
 storefront/store/blocks/pages/home/home.jsonc |   7 ++
 7 files changed, 201 insertions(+)
 create mode 100644 custom/react/Countdown.tsx
 create mode 100644 custom/react/components/Countdown/assets/clock.svg
 create mode 100644 custom/react/components/Countdown/assets/textura.jpg
 create mode 100644 custom/react/components/Countdown/index.tsx
 create mode 100644 custom/react/components/Countdown/styles.css

diff --git a/custom/react/Countdown.tsx b/custom/react/Countdown.tsx
new file mode 100644
index 0000000..89c881e
--- /dev/null
+++ b/custom/react/Countdown.tsx
@@ -0,0 +1,3 @@
+import Countdown from "./components/Countdown";
+
+export default Countdown;
diff --git a/custom/react/components/Countdown/assets/clock.svg b/custom/react/components/Countdown/assets/clock.svg
new file mode 100644
index 0000000..0bcc64f
--- /dev/null
+++ b/custom/react/components/Countdown/assets/clock.svg
@@ -0,0 +1,11 @@
+<?xml version='1.0' encoding='utf-8'?>
+<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#ffffff" height="25px" width="25px" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 512 512">
+  <g>
+    <g>
+      <path d="m256,51.8c-112.6,0-204.2,91.6-204.2,204.2s91.6,204.2 204.2,204.2 204.2-91.6 204.2-204.2-91.6-204.2-204.2-204.2v-1.42109e-14zm0,449.2c-135.1,0-245-109.9-245-245s109.9-245 245-245 245,109.9 245,245-109.9,245-245,245z"/>
+      <path d="m344.1,276.4h-88.1c-11.3,0-20.4-9.1-20.4-20.4v-157.8c0-11.3 9.1-20.4 20.4-20.4 11.3,0 20.4,9.1 20.4,20.4v137.4h67.7c11.3,0 20.4,9.1 20.4,20.4 5.68434e-14,11.3-9.1,20.4-20.4,20.4z"/>
+    </g>
+  </g>
+</svg>
diff --git a/custom/react/components/Countdown/assets/textura.jpg b/custom/react/components/Countdown/assets/textura.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..261682d2ee76578be4be7842d68856df622625f2
GIT binary patch
literal 10495
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
b!d#@U7=Q$T7)}Tfei*>%xiSx;s^z}`>JNf7

literal 0
HcmV?d00001

diff --git a/custom/react/components/Countdown/index.tsx b/custom/react/components/Countdown/index.tsx
new file mode 100644
index 0000000..f4f1e4c
--- /dev/null
+++ b/custom/react/components/Countdown/index.tsx
@@ -0,0 +1,97 @@
+
+import React, { useEffect, useState } from "react";
+
+import styles from "./styles.css";
+
+import clock from "./assets/clock.svg";
+
+interface CountdownProps {
+    //formato: dd/mm/yyyy/hh:mm
+    endDate: string;
+}
+
+interface Time {
+    hour: number;
+    minute: number;
+    second: number;
+}
+
+const Countdown = ({endDate}: CountdownProps) => {
+
+    const [time, setTime] = useState<Time>({
+        hour: 0,
+        minute: 0,
+        second: 0
+    });
+
+    const [day, month, year, hourMinute] = endDate.split("/");
+    const [hour, minute] = hourMinute.split(":");
+
+    const updateTimer = () => {
+
+        const finalDate = new Date(
+            parseInt(year),
+            parseInt(month) - 1,
+            parseInt(day),
+            parseInt(hour),
+            parseInt(minute)
+        ).getTime();
+
+        const atualDate = new Date().getTime();
+
+        let difference = finalDate - atualDate;
+
+        const hours = Math.floor(difference / ( 1000 * 60 * 60));
+
+        difference = difference - (hours * 60 * 60 * 1000);
+
+        const minutes = Math.floor(difference / (1000 * 60));
+
+        difference = difference - (minutes * 60 * 1000);
+
+        const seconds= Math.floor(difference / 1000);
+
+        if (hours <= 0) {
+            setTime({
+                hour: 0,
+                minute: 0,
+                second:0
+            })
+
+        }else {
+            setTime({
+                hour: hours,
+                minute: minutes,
+                second: seconds
+            })
+        }
+    };
+
+    useEffect(() => {
+        setInterval(updateTimer, 1000);
+    }, [])
+
+    const hourString = time.hour.toString().padStart(2, "0");
+    const minuteString = time.minute.toString().padStart(2, "0");
+    const secondString = time.second.toString().padStart(2, "0");
+
+    return (
+        <div  className={styles.countdownWrapper}>
+            <div className={styles.countdownBadge}>
+                <img className={styles.countdownBadgeClock} src={clock} />
+            </div>
+
+            <div className={styles.countdownTitle}>
+                <h1 className={styles.countdownHeading1}>Ofertas</h1>
+                <h3 className={styles.countdownHeading3}>Não perca tempo,</h3>
+                <h2 className={styles.countdownHeading2}>garanta agora!</h2>
+            </div>
+
+            <div className={styles.countdownText}>
+                {`${hourString}:${minuteString}:${secondString}`}
+            </div>
+        </div>
+    );
+}
+
+export default Countdown;
diff --git a/custom/react/components/Countdown/styles.css b/custom/react/components/Countdown/styles.css
new file mode 100644
index 0000000..569a9ea
--- /dev/null
+++ b/custom/react/components/Countdown/styles.css
@@ -0,0 +1,79 @@
+.countdownWrapper {
+    background-image: url(./assets/textura.jpg);
+    background-repeat: no-repeat;
+    background-size: contain;
+
+    background-color: #c70042;
+    width: 414px;
+    height: 414px;
+    border-radius: 30px;
+    background-blend-mode: multiply;
+
+    position: relative;
+
+    margin-top: 30px;
+    margin-left: 8px;
+}
+
+.countdownTitle {
+    color: white;
+    text-align: center;
+    padding-top: 40px;
+}
+
+.countdownHeading1 {
+    margin: 0;
+    font-size: 40px;
+    line-height: 48px;
+    letter-spacing: -0,05em;
+}
+
+.countdownHeading3 {
+    margin: 0;
+    font-size: 18px;
+    line-height: 20px;
+    letter-spacing: -0,05em;
+    font-weight: 300;
+}
+
+.countdownHeading2 {
+    margin: 0;
+    font-size: 26px;
+    line-height: 30px;
+    letter-spacing: -0,05em;
+}
+
+.countdownText {
+    position: absolute;
+
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    font-size: 24px;
+    font-weight: 200;
+    letter-spacing: 0.1em;
+    color: white;
+
+    width: 170px;
+    height: 170px;
+    border-radius: 50%;
+
+    border: 2px solid #ffffff15;
+
+    display: grid;
+    place-items: center;
+
+    margin-top: 30px;
+}
+
+.countdownBadge {
+    position: absolute;
+    top: 30px;
+    right: 0;
+
+    background-color: rgb(1, 185, 185);
+    border-radius: 80px 0 0 80px;
+
+    padding: 10px 10px 6px 34px;
+}
diff --git a/custom/store/interfaces.json b/custom/store/interfaces.json
index 0938c36..5b6e52f 100644
--- a/custom/store/interfaces.json
+++ b/custom/store/interfaces.json
@@ -23,5 +23,9 @@
         "content": {
             "$ref": "app:agenciamagma.m3-custom#/definitions/DynamicMenu"
         }
+    },
+
+    "countdown-academy": {
+        "component": "Countdown"
     }
 }
diff --git a/storefront/store/blocks/pages/home/home.jsonc b/storefront/store/blocks/pages/home/home.jsonc
index 9089442..193296d 100644
--- a/storefront/store/blocks/pages/home/home.jsonc
+++ b/storefront/store/blocks/pages/home/home.jsonc
@@ -5,6 +5,7 @@
             "flex-layout.row#deals",
             "__fold__",
             "flex-layout.row#faixa-de-imagens",
+            "countdown-academy",
             "rich-text#m3-shelf-title",
             "flex-layout.row#m3-shelf",
             "info-card#m3-middle-card",
@@ -17,6 +18,12 @@
         // }
     },
 
+    "countdown-academy": {
+        "props" : {
+            "endDate": "31/01/2023/12:30"
+        }
+    },
+
     "flex-layout.row#faixa-de-imagens": {
         "props": {
             "blockClass": "faixa-de-imagens"