From fbf2043c00f560d6614f282aeb4512364c6c387c Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 25 Jan 2023 13:38:59 +0700
Subject: optimize render cost

---
 src/components/elements/Disclosure.js | 2 +-
 src/components/elements/Skeleton.js   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/components/elements')

diff --git a/src/components/elements/Disclosure.js b/src/components/elements/Disclosure.js
index 0aaedf87..584fa144 100644
--- a/src/components/elements/Disclosure.js
+++ b/src/components/elements/Disclosure.js
@@ -1,7 +1,7 @@
 const { ChevronUpIcon, ChevronDownIcon } = require("@heroicons/react/24/outline");
 
 const Disclosure = ({ label, active, onClick }) => (
-  <div className="flex justify-between p-4" onClick={onClick}>
+  <div className={`flex justify-between p-4 ` + (active && 'bg-yellow_r-2')} onClick={onClick}>
     <p className="font-medium leading-normal">{ label }</p>
     { onClick && ( active ? (
       <ChevronUpIcon className="w-5 h-5" />
diff --git a/src/components/elements/Skeleton.js b/src/components/elements/Skeleton.js
index 843b200f..0a0bbc78 100644
--- a/src/components/elements/Skeleton.js
+++ b/src/components/elements/Skeleton.js
@@ -1,5 +1,5 @@
 const SkeletonList = ({ number }) => (
-  <div role="status" className="space-y-5 animate-pulse">
+  <div role="status" className="space-y-6 animate-pulse">
     { Array.from(Array(number), (e, i) => (
       <div className="flex items-center justify-between" key={i}>
         <div>
-- 
cgit v1.2.3