@@ -43,7 +43,7 @@ function SellerReviews({
43
43
const userId = params . id ;
44
44
45
45
const [ giverReviews , setGiverReviews ] = useState < ReviewInt [ ] | null > ( null ) ;
46
- const [ receiverReviews , setReciverReviews ] = useState < ReviewInt [ ] | null > ( null ) ;
46
+ const [ receiverReviews , setReceiverReviews ] = useState < ReviewInt [ ] | null > ( null ) ;
47
47
const [ loading , setLoading ] = useState < boolean > ( true ) ;
48
48
const [ error , setError ] = useState < string | null > ( null ) ;
49
49
const [ isSaveEnabled , setIsSaveEnabled ] = useState ( false ) ;
@@ -94,11 +94,11 @@ function SellerReviews({
94
94
logger . info ( `Fetched ${ data . length } reviews for seller ID: ${ userId } ` ) ;
95
95
const { giverReviews, receiverReviews } = processReviews ( data , userId ) ;
96
96
setGiverReviews ( giverReviews ) ;
97
- setReciverReviews ( receiverReviews ) ;
97
+ setReceiverReviews ( receiverReviews ) ;
98
98
} else {
99
99
logger . warn ( `No reviews found for seller ID: ${ userId } ` ) ;
100
100
setGiverReviews ( [ ] ) ;
101
- setReciverReviews ( [ ] ) ;
101
+ setReceiverReviews ( [ ] ) ;
102
102
}
103
103
} catch ( error ) {
104
104
logger . error ( `Error fetching reviews for seller ID: ${ userId } ` , { error } ) ;
@@ -123,11 +123,11 @@ function SellerReviews({
123
123
logger . info ( `Found ${ data . length } reviews for seller ID: ${ userId } ` ) ;
124
124
const { giverReviews, receiverReviews } = processReviews ( data , userId ) ;
125
125
setGiverReviews ( giverReviews ) ;
126
- setReciverReviews ( receiverReviews ) ;
126
+ setReceiverReviews ( receiverReviews ) ;
127
127
} else {
128
128
logger . warn ( `No reviews found for seller ID: ${ userId } with query: ${ searchBarValue } ` ) ;
129
129
setGiverReviews ( [ ] ) ;
130
- setReciverReviews ( [ ] ) ;
130
+ setReceiverReviews ( [ ] ) ;
131
131
}
132
132
} catch ( error ) {
133
133
logger . error ( `Error searching reviews for seller ID: ${ userId } ` , { error } ) ;
@@ -186,93 +186,93 @@ function SellerReviews({
186
186
< EmojiPicker sellerId = { userId } setIsSaveEnabled = { setIsSaveEnabled } currentUser = { currentUser } setReload = { setReload } />
187
187
</ div >
188
188
</ ToggleCollapse >
189
- < ToggleCollapse header = { t ( 'SCREEN.REVIEWS.REVIEWS_GIVEN_SECTION_HEADER' ) } >
190
- { reload
191
- ? < Skeleton type = 'seller_review' />
192
- : giverReviews && giverReviews . map ( ( review , index ) => (
193
- < div key = { index } className = "seller_item_container mb-5" >
194
- < div className = "flex justify-between items-start mb-3" >
195
- { /* Left content */ }
196
- < div className = "flex-grow" >
197
- < p className = "text-primary text-sm" >
198
- { review . giver } { ' -> ' }
199
- < span className = "text-primary text-sm" > { review . receiver } </ span >
189
+ < ToggleCollapse header = { t ( 'SCREEN.REVIEWS.REVIEWS_GIVEN_SECTION_HEADER' ) } >
190
+ { reload
191
+ ? < Skeleton type = 'seller_review' />
192
+ : giverReviews && giverReviews . map ( ( review , index ) => (
193
+ < div key = { index } className = "seller_item_container mb-5" >
194
+ < div className = "flex justify-between items-start mb-3" >
195
+ { /* Left content */ }
196
+ < div className = "flex-grow" >
197
+ < p className = "text-primary text-sm" >
198
+ { review . giver } { ' -> ' }
199
+ < span className = "text-primary text-sm" > { review . receiver } </ span >
200
+ </ p >
201
+ < p className = "text-md break-words" > { review . heading } </ p >
202
+ </ div >
203
+
204
+ { /* Right content */ }
205
+ < div className = "flex flex-col items-end space-y-2" >
206
+ < div className = "text-[#828282] text-sm text-right whitespace-nowrap" >
207
+ < p > { review . date } </ p >
208
+ < p > { review . time } </ p >
209
+ </ div >
210
+ < div className = "flex gap-2 items-center" >
211
+ < Image
212
+ src = { review . image }
213
+ alt = "emoji image"
214
+ width = { 50 }
215
+ height = { 50 }
216
+ className = "object-cover rounded-md"
217
+ />
218
+ < p className = "text-xl max-w-[50px]" title = { review . reaction } >
219
+ { review . unicode }
200
220
</ p >
201
- < p className = "text-md break-words" > { review . heading } </ p >
202
221
</ div >
203
-
204
- { /* Right content */ }
205
- < div className = "flex flex-col items-end space-y-2" >
206
- < div className = "text-[#828282] text-sm text-right whitespace-nowrap" >
207
- < p > { review . date } </ p >
208
- < p > { review . time } </ p >
209
- </ div >
210
- < div className = "flex gap-2 items-center" >
211
- < Image
212
- src = { review . image }
213
- alt = "emoji image"
214
- width = { 50 }
215
- height = { 50 }
216
- className = "object-cover rounded-md"
217
- />
218
- < p className = "text-xl max-w-[50px]" title = { review . reaction } >
219
- { review . unicode }
220
- </ p >
221
- </ div >
222
- < div className = "flex justify-between items-center" >
223
- < Link href = { `/seller/reviews/feedback/${ review . reviewId } ?seller_name=${ review . giver } ` } >
224
- < OutlineBtn label = { t ( 'SHARED.REPLY' ) } />
225
- </ Link >
226
- </ div >
222
+ < div className = "flex justify-between items-center" >
223
+ < Link href = { `/seller/reviews/feedback/${ review . reviewId } ?seller_name=${ review . giver } ` } >
224
+ < OutlineBtn label = { t ( 'SHARED.REPLY' ) } />
225
+ </ Link >
227
226
</ div >
228
227
</ div >
229
228
</ div >
230
- ) )
231
- }
232
- </ ToggleCollapse >
229
+ </ div >
230
+ ) )
231
+ }
232
+ </ ToggleCollapse >
233
233
234
234
< ToggleCollapse header = { t ( 'SCREEN.REVIEWS.REVIEWS_RECEIVED_SECTION_HEADER' ) } open = { true } >
235
235
{ reload
236
236
? < Skeleton type = 'seller_review' />
237
237
: receiverReviews && receiverReviews . map ( ( review , index ) => (
238
238
< div key = { index } className = "seller_item_container mb-5" >
239
239
< div className = "flex justify-between items-start mb-3" >
240
- { /* Left content */ }
241
- < div className = "flex-grow" >
242
- < p className = "text-primary text-sm" >
243
- { review . giver } { ' -> ' }
244
- < span className = "text-primary text-sm" > { review . receiver } </ span >
245
- </ p >
246
- < p className = "text-md break-words" > { review . heading } </ p >
247
- </ div >
240
+ { /* Left content */ }
241
+ < div className = "flex-grow" >
242
+ < p className = "text-primary text-sm" >
243
+ { review . giver } { ' -> ' }
244
+ < span className = "text-primary text-sm" > { review . receiver } </ span >
245
+ </ p >
246
+ < p className = "text-md break-words" > { review . heading } </ p >
247
+ </ div >
248
248
249
- { /* Right content */ }
250
- < div className = "flex flex-col items-end space-y-2" >
251
- < div className = "text-[#828282] text-sm text-right whitespace-nowrap" >
252
- < p > { review . date } </ p >
253
- < p > { review . time } </ p >
254
- </ div >
255
- < div className = "flex gap-2 items-center" >
256
- < Image
257
- src = { review . image }
258
- alt = "emoji image"
259
- width = { 50 }
260
- height = { 50 }
261
- className = "object-cover rounded-md"
262
- />
263
- < p className = "text-xl max-w-[50px]" title = { review . reaction } >
264
- { review . unicode }
265
- </ p >
266
- </ div >
267
- < div className = "flex justify-between items-center" >
268
- < Link href = { `/seller/reviews/feedback/${ review . reviewId } ?seller_name=${ review . giver } ` } >
269
- < OutlineBtn label = { t ( 'SHARED.REPLY' ) } />
270
- </ Link >
271
- </ div >
272
- </ div >
249
+ { /* Right content */ }
250
+ < div className = "flex flex-col items-end space-y-2" >
251
+ < div className = "text-[#828282] text-sm text-right whitespace-nowrap" >
252
+ < p > { review . date } </ p >
253
+ < p > { review . time } </ p >
254
+ </ div >
255
+ < div className = "flex gap-2 items-center" >
256
+ < Image
257
+ src = { review . image }
258
+ alt = "emoji image"
259
+ width = { 50 }
260
+ height = { 50 }
261
+ className = "object-cover rounded-md"
262
+ />
263
+ < p className = "text-xl max-w-[50px]" title = { review . reaction } >
264
+ { review . unicode }
265
+ </ p >
273
266
</ div >
267
+ < div className = "flex justify-between items-center" >
268
+ < Link href = { `/seller/reviews/feedback/${ review . reviewId } ?seller_name=${ review . giver } ` } >
269
+ < OutlineBtn label = { t ( 'SHARED.REPLY' ) } />
270
+ </ Link >
271
+ </ div >
272
+ </ div >
273
+ </ div >
274
274
</ div >
275
- ) )
275
+ ) )
276
276
}
277
277
</ ToggleCollapse >
278
278
</ div >
0 commit comments