@@ -124,8 +124,8 @@ const useClapAnimation = ({
124
124
return animationTimeline
125
125
}
126
126
/** ====================================
127
- * 🔰 MediumClap
128
- ==================================== **/
127
+ * 🔰 MediumClap
128
+ ==================================== **/
129
129
const initialState = {
130
130
count : 0 ,
131
131
countTotal : generateRandomNumber ( 500 , 10000 ) ,
@@ -168,7 +168,6 @@ const MediumClap = ({
168
168
const isControlled = ! ! values
169
169
170
170
const handleClapClick = ( ) => {
171
- // 👉 prop from HOC
172
171
animationTimeline . replay ( )
173
172
isControlled
174
173
? onClap ( )
@@ -226,16 +225,16 @@ const MediumClap = ({
226
225
}
227
226
228
227
/** ====================================
229
- * 🔰SubComponents
230
- Smaller Component used by <MediumClap />
231
- ==================================== **/
228
+ * 🔰SubComponents
229
+ Smaller Component used by <MediumClap />
230
+ ==================================== **/
232
231
233
232
const ClapIcon = ( { className = '' , style : userStyles = { } } ) => {
234
233
const { isClicked } = useContext ( MediumClapContext )
235
234
const classNames = [ styles . icon , isClicked ? styles . checked : '' , className ]
236
235
. join ( ' ' )
237
236
. trim ( )
238
-
237
+
239
238
return (
240
239
< span >
241
240
< svg
@@ -297,10 +296,10 @@ MediumClap.Total = CountTotal
297
296
MediumClap . Info = ClapInfo
298
297
299
298
/** ====================================
300
- * 🔰USAGE
301
- Below's how a potential user
302
- may consume the component API
303
- ==================================== **/
299
+ * 🔰USAGE
300
+ Below's how a potential user
301
+ may consume the component API
302
+ ==================================== **/
304
303
305
304
const MAXIMUM_USER_CLAP = 10
306
305
const INITIAL_STATE = {
0 commit comments