From 77371be474b1ec0d1ca329e6c7d39a57ba27593d Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Thu, 26 Dec 2024 11:40:14 +0000
Subject: [PATCH] style: format code with Prettier and StandardJS

This commit fixes the style issues introduced in 55900e3 according to the output
from Prettier and StandardJS.

Details: None
---
 .../stateless/SkeletonFix/index.jsx           |  8 ++--
 src/pages/home/index.jsx                      | 44 +++++++++----------
 2 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/components/stateless/SkeletonFix/index.jsx b/src/components/stateless/SkeletonFix/index.jsx
index 67d75ed4..cf2977f8 100644
--- a/src/components/stateless/SkeletonFix/index.jsx
+++ b/src/components/stateless/SkeletonFix/index.jsx
@@ -5,11 +5,11 @@ const SkeletonFix = () => {
   return (
     <div className={`${styles.placeholder} ${styles.shimmer}`}>
       <div className={styles['faux-image-wrapper']}>
-        <div className={styles['faux-image']}></div>
+        <div className={styles['faux-image']} />
       </div>
-      <div className={styles['faux-text']}></div>
-      <div className={`${styles['faux-text']} ${styles.short}`}></div>
-      <div className={`${styles['faux-text']} ${styles['min-short']}`}></div>
+      <div className={styles['faux-text']} />
+      <div className={`${styles['faux-text']} ${styles.short}`} />
+      <div className={`${styles['faux-text']} ${styles['min-short']}`} />
     </div>
   )
 }
diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index 21cdd59d..c339a8fc 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -191,7 +191,7 @@ const Home = () => {
       <section style={{ marginBottom: 40 }}>
         <AutoLink text="foo bar baz http://example.org bar https://github.com/wkylin/pro-react-admin" />
       </section>
-      <section className={styles.line}></section>
+      <section className={styles.line} />
       <section>
         <AvatarCard avatar="https://picsum.photos/seed/picsum/300/160" text="Hi, I'm a developer." />
       </section>
@@ -272,14 +272,14 @@ const Home = () => {
         <AnimateOnScreen.DiyAnimation
           from={{ opacity: 0, transform: 'translate(-100%, 0)' }}
           to={{ opacity: 1, transform: 'translate(0, 0)' }}
-          triggerOnce={true}
+          triggerOnce
         >
           <img src="https://picsum.photos/360/200.jpg" alt="" />
         </AnimateOnScreen.DiyAnimation>
       </section>
       <section style={{ marginBottom: 40, display: 'flex' }}>
         <SpotlightCard className="my-spot" style={{ width: 360, height: 200, color: '#fff' }}>
-          <section></section>
+          <section />
         </SpotlightCard>
       </section>
       <section style={{ margin: '20px 0' }}>
@@ -320,16 +320,16 @@ const Home = () => {
         mask
       </section>
       <section style={{ marginBottom: 40 }}>
-        <button className={styles['button']} onClick={fireConfetti}>
+        <button className={styles.button} onClick={fireConfetti}>
           <span className={styles['button-label']}>Click Me</span>
         </button>
       </section>
 
       <section style={{ position: 'relative', margin: '80px 0 160px 100px' }}>
-        <div className={styles['circle-1']}></div>
-        <div className={styles['circle-2']}></div>
-        <div className={styles['circle-3']}></div>
-        <div className={styles['circle-4']}></div>
+        <div className={styles['circle-1']} />
+        <div className={styles['circle-2']} />
+        <div className={styles['circle-3']} />
+        <div className={styles['circle-4']} />
       </section>
 
       <section style={{ margin: 20 }} className={styles.eHElAY}>
@@ -392,20 +392,20 @@ const Home = () => {
       <section style={{ margin: 20 }}>
         <ResponsiveMasonry columnsCountBreakPoints={{ 350: 1, 750: 2, 900: 6 }}>
           <Masonry gutter="10px">
-            <section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
-            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
+            <section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
+            <section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
           </Masonry>
         </ResponsiveMasonry>
       </section>