diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-01-25 13:38:59 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-01-25 13:38:59 +0700 |
| commit | fbf2043c00f560d6614f282aeb4512364c6c387c (patch) | |
| tree | f7ab00f845f0cfd4bcfd25c873d69f9bb8aa829f /src/components/elements | |
| parent | 8081cceafa40ecb84779df0d9eb4555547d99b98 (diff) | |
optimize render cost
Diffstat (limited to 'src/components/elements')
| -rw-r--r-- | src/components/elements/Disclosure.js | 2 | ||||
| -rw-r--r-- | src/components/elements/Skeleton.js | 2 |
2 files changed, 2 insertions, 2 deletions
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> |