From dd5aec9566205c7fefec9c0cdbd04b0f8ecb67d0 Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Tue, 16 May 2023 14:03:41 +0700 Subject: fixing layout --- .../components/elements/Footer/BasicFooter.jsx | 28 +++++++++++----------- 1 file changed, 14 insertions(+), 14 deletions(-) (limited to 'src/core/components') diff --git a/src/core/components/elements/Footer/BasicFooter.jsx b/src/core/components/elements/Footer/BasicFooter.jsx index 75e9926d..9f68c2f7 100644 --- a/src/core/components/elements/Footer/BasicFooter.jsx +++ b/src/core/components/elements/Footer/BasicFooter.jsx @@ -15,7 +15,7 @@ const BasicFooter = () => { <>
-
+
@@ -30,13 +30,13 @@ const BasicFooter = () => {
-
+
-
+
Copyright © 2007 - {new Date().getFullYear()}, PT. Indoteknik Dotcom Gemilang
@@ -77,7 +77,7 @@ const BasicFooter = () => { ) } -const headerClassName = 'font-semibold mb-2' +const headerClassName = 'font-semibold mb-4' const OfficeLocation = () => (
@@ -99,8 +99,8 @@ const WarehouseLocation = () => ( const AboutUs = () => (
-
Tentang Kami
-
    +
    Tentang Kami
    +
    • Company Profile
      • @@ -125,8 +125,8 @@ const AboutUs = () => ( const CustomerGuide = () => (
      -
      Bantuan & Panduan
      -
        +
        Bantuan & Panduan
        +
        • Metode Pembayaran
          • @@ -156,8 +156,8 @@ const CustomerGuide = () => ( const Form = () => (
          -
          Formulir
          -
            +
            Formulir
            +
            • Request for Quotation
              • @@ -182,8 +182,8 @@ const Form = () => ( const InformationCenter = () => (
              -
              Layanan Informasi
              -
                +
                Layanan Informasi
                +
                • (021) 2933-8828 / 29 @@ -205,7 +205,7 @@ const InformationCenter = () => ( const OpenHours = () => (
                  Jam Operasional
                  -
                    +
                    • Senin - Jumat:
                      08:30 - 17:00
                      @@ -221,7 +221,7 @@ const OpenHours = () => ( const SocialMedias = () => (
                      Temukan Kami
                      -
                      +
                      -- cgit v1.2.3 From 65be79407260ab8775c369e2db81f49da1624991 Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Tue, 16 May 2023 14:27:06 +0700 Subject: fixing animation layout --- src/core/components/layouts/AnimationLayout.jsx | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) (limited to 'src/core/components') diff --git a/src/core/components/layouts/AnimationLayout.jsx b/src/core/components/layouts/AnimationLayout.jsx index 7acf21dc..eeaa8751 100644 --- a/src/core/components/layouts/AnimationLayout.jsx +++ b/src/core/components/layouts/AnimationLayout.jsx @@ -1,9 +1,6 @@ -import useDevice from '@/core/hooks/useDevice' import { motion } from 'framer-motion' const AnimationLayout = ({ children, ...props }) => { - const { isMobile } = useDevice() - const initialConfig = { opacity: 0, x: 0, @@ -19,7 +16,7 @@ const AnimationLayout = ({ children, ...props }) => { const exitConfig = { opacity: 0, - x: isMobile ? 30 : 0, + x: 0, y: 0, transition: { duration: 0.2, ease: 'easeInOut' } } -- cgit v1.2.3 From 13ed5991179a497545cc5ed0ce98bb6a336c1b6a Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Tue, 16 May 2023 14:39:49 +0700 Subject: Delay Render components --- src/core/components/elements/DelayRender/DelayRender.js | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 src/core/components/elements/DelayRender/DelayRender.js (limited to 'src/core/components') diff --git a/src/core/components/elements/DelayRender/DelayRender.js b/src/core/components/elements/DelayRender/DelayRender.js new file mode 100644 index 00000000..c0ff0fc0 --- /dev/null +++ b/src/core/components/elements/DelayRender/DelayRender.js @@ -0,0 +1,17 @@ +const { useState, useEffect } = require('react') + +const DelayRender = ({ delay, children }) => { + const [showComponent, setShowComponent] = useState(false) + + useEffect(() => { + const timeout = setTimeout(() => { + setShowComponent(true) + }, delay) + + return () => clearTimeout(timeout) + }, [delay]) + + return showComponent && children +} + +export default DelayRender -- cgit v1.2.3 From db6350771d7668f27db026c42e3885a097989f1e Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Tue, 16 May 2023 15:35:24 +0700 Subject: optimize render --- .../components/elements/DelayRender/DelayRender.js | 18 ++++++++++-------- src/core/components/elements/Spinner/LogoSpinner.jsx | 3 +-- 2 files changed, 11 insertions(+), 10 deletions(-) (limited to 'src/core/components') diff --git a/src/core/components/elements/DelayRender/DelayRender.js b/src/core/components/elements/DelayRender/DelayRender.js index c0ff0fc0..2d412be7 100644 --- a/src/core/components/elements/DelayRender/DelayRender.js +++ b/src/core/components/elements/DelayRender/DelayRender.js @@ -1,17 +1,19 @@ const { useState, useEffect } = require('react') -const DelayRender = ({ delay, children }) => { - const [showComponent, setShowComponent] = useState(false) +const DelayRender = ({ renderAfter = 200, children }) => { + const [renderComponent, setRenderComponent] = useState(false) useEffect(() => { - const timeout = setTimeout(() => { - setShowComponent(true) - }, delay) + const renderTimeout = setTimeout(() => { + setRenderComponent(true) + }, renderAfter) - return () => clearTimeout(timeout) - }, [delay]) + return () => { + clearTimeout(renderTimeout) + } + }, [renderAfter]) - return showComponent && children + return renderComponent && children } export default DelayRender diff --git a/src/core/components/elements/Spinner/LogoSpinner.jsx b/src/core/components/elements/Spinner/LogoSpinner.jsx index 73b84e84..94da5f1d 100644 --- a/src/core/components/elements/Spinner/LogoSpinner.jsx +++ b/src/core/components/elements/Spinner/LogoSpinner.jsx @@ -1,9 +1,8 @@ import Image from 'next/image' -import IndoteknikLogo from '@/images/LOGO-INDOTEKNIK-GEAR.png' const LogoSpinner = ({ ...props }) => ( Indoteknik Logo Date: Tue, 16 May 2023 16:57:45 +0700 Subject: change image placeholder --- .../components/elements/DelayRender/DelayRender.js | 19 ------------------- .../components/elements/DelayRender/DelayRender.jsx | 19 +++++++++++++++++++ 2 files changed, 19 insertions(+), 19 deletions(-) delete mode 100644 src/core/components/elements/DelayRender/DelayRender.js create mode 100644 src/core/components/elements/DelayRender/DelayRender.jsx (limited to 'src/core/components') diff --git a/src/core/components/elements/DelayRender/DelayRender.js b/src/core/components/elements/DelayRender/DelayRender.js deleted file mode 100644 index 2d412be7..00000000 --- a/src/core/components/elements/DelayRender/DelayRender.js +++ /dev/null @@ -1,19 +0,0 @@ -const { useState, useEffect } = require('react') - -const DelayRender = ({ renderAfter = 200, children }) => { - const [renderComponent, setRenderComponent] = useState(false) - - useEffect(() => { - const renderTimeout = setTimeout(() => { - setRenderComponent(true) - }, renderAfter) - - return () => { - clearTimeout(renderTimeout) - } - }, [renderAfter]) - - return renderComponent && children -} - -export default DelayRender diff --git a/src/core/components/elements/DelayRender/DelayRender.jsx b/src/core/components/elements/DelayRender/DelayRender.jsx new file mode 100644 index 00000000..2d412be7 --- /dev/null +++ b/src/core/components/elements/DelayRender/DelayRender.jsx @@ -0,0 +1,19 @@ +const { useState, useEffect } = require('react') + +const DelayRender = ({ renderAfter = 200, children }) => { + const [renderComponent, setRenderComponent] = useState(false) + + useEffect(() => { + const renderTimeout = setTimeout(() => { + setRenderComponent(true) + }, renderAfter) + + return () => { + clearTimeout(renderTimeout) + } + }, [renderAfter]) + + return renderComponent && children +} + +export default DelayRender -- cgit v1.2.3