33import { useTranslations } from 'next-intl' ;
44import Image from 'next/image' ;
55import Link from 'next/link' ;
6- import { useRouter } from 'next/navigation' ;
76
87import React , { useEffect , useState , useContext } from 'react' ;
98
109import { AppContext } from '../../../../../../context/AppContextProvider' ;
11- import TrustMeter from '@/components/shared/Review/TrustMeter' ;
12- import EmojiPicker from '@/components/shared/Review/emojipicker' ;
13- import { OutlineBtn } from '@/components/shared/Forms/Buttons/Buttons' ;
1410import ConfirmDialog from '@/components/shared/confirm' ;
11+ import { OutlineBtn } from '@/components/shared/Forms/Buttons/Buttons' ;
12+ import EmojiPicker from '@/components/shared/Review/emojipicker' ;
13+ import TrustMeter from '@/components/shared/Review/TrustMeter' ;
14+ import ToggleCollapse from '@/components/shared/Seller/ToggleCollapse' ;
1515import Skeleton from '@/components/skeleton/skeleton' ;
16- import { fetchSingleSeller } from '@/services/sellerApi' ;
1716import { ISeller , IUserSettings , IUser } from '@/constants/types' ;
18- import ToggleCollapse from '@/components/shared/Seller/ToggleCollapse ' ;
19- import { fetchSellerSettings } from '@/services/userSettingsApi' ;
17+ import { fetchSingleSeller } from '@/services/sellerApi ' ;
18+ import { fetchSingleUserSettings } from '@/services/userSettingsApi' ;
2019
2120export default function Page ( { params } : { params : { id : string } } ) {
2221 const SUBHEADER = "font-bold mb-2" ;
2322
2423 const t = useTranslations ( ) ;
25- const router = useRouter ( ) ;
2624
2725 const sellerId = params . id ;
2826
2927 const [ isSaveEnabled , setIsSaveEnabled ] = useState ( false ) ;
3028 const [ showConfirmDialog , setShowConfirmDialog ] = useState ( false ) ;
3129 const [ linkUrl , setLinkUrl ] = useState ( '' ) ;
3230
33- const [ seller , setSeller ] = useState < ISeller | null > ( null ) ;
31+ const [ sellerShopInfo , setSellerShopInfo ] = useState < ISeller | null > ( null ) ;
3432 const [ sellerSettings , setSellerSettings ] = useState < IUserSettings | null > ( null ) ;
35- const [ sellerUser , setSellerUser ] = useState < IUser | null > ( null ) ;
33+ const [ sellerInfo , setSellerInfo ] = useState < IUser | null > ( null ) ;
3634 const [ loading , setLoading ] = useState < boolean > ( true ) ;
3735 const [ error , setError ] = useState < string | null > ( null ) ;
3836 const { currentUser, autoLoginUser } = useContext ( AppContext ) ;
@@ -46,18 +44,10 @@ export default function Page({ params }: { params: { id: string } }) {
4644
4745 const getSellerData = async ( ) => {
4846 try {
49- const data = await fetchSingleSeller ( sellerId ) ; //'testme'
50- setSeller ( data . business_info ) ; // Ensure this is a single object, not an array
51- if ( data . seller_settings ) {
52- setSellerSettings ( data . seller_settings ) ;
53- } else {
54- setSellerSettings ( null ) ;
55- }
56- if ( data . user ) {
57- setSellerUser ( data . user ) ;
58- } else {
59- setSellerUser ( null ) ;
60- }
47+ const data = await fetchSingleSeller ( sellerId ) ;
48+ setSellerShopInfo ( data . sellerShopInfo ) ;
49+ setSellerSettings ( data . sellerSettings ) ;
50+ setSellerInfo ( data . sellerInfo ) ;
6151 } catch ( error ) {
6252 setError ( 'Error fetching seller data' ) ;
6353 } finally {
@@ -66,26 +56,15 @@ export default function Page({ params }: { params: { id: string } }) {
6656 } ;
6757
6858 const getSellerSettings = async ( ) => {
69- const settings = await fetchSellerSettings ( sellerId ) ;
59+ const settings = await fetchSingleUserSettings ( sellerId ) ;
7060 console . log ( "User settings:" , settings ) ;
71-
7261 } ;
7362
7463 getSellerData ( ) ;
7564 getSellerSettings ( ) ;
76-
7765
7866 } , [ ] ) ;
7967
80- const handleNavigation = ( route : string ) => {
81- if ( isSaveEnabled ) {
82- setLinkUrl ( route ) ;
83- setShowConfirmDialog ( true ) ;
84- } else {
85- router . push ( `/${ route } ) ;
86- }
87- } ;
88-
8968 const translateSellerCategory = ( category : string ) : string => {
9069 switch ( category ) {
9170 case 'Pioneer' :
@@ -109,69 +88,67 @@ export default function Page({ params }: { params: { id: string } }) {
10988 < div className = "w-full md:w-[500px] md:mx-auto p-4" >
11089 < h1 className = "mb-5 text-center font-bold text-lg md:text-2xl" > { t ( 'SCREEN.BUY_FROM_SELLER.BUY_FROM_SELLER_HEADER' ) } </ h1 >
11190
112- { seller && ( < div >
91+ { sellerShopInfo && ( < div >
11392 { /* Seller Profile */ }
11493 < div className = "flex gap-4 align-center mb-6 relative" >
11594 < div className = "rounded-[50%] w-[65px] h-[65px] relative" >
116- < Image alt = "seller logo" src = { seller . image } fill = { true } className = "rounded-[50%]" />
95+ < Image alt = "seller logo" src = { sellerShopInfo . image } fill = { true } className = "rounded-[50%]" />
11796 </ div >
11897 < div className = "my-auto" >
119- < h2 className = "font-bold mb-2" > { seller . name } </ h2 >
120- < p className = "text-sm" > { translateSellerCategory ( seller . seller_type ) } </ p >
98+ < h2 className = "font-bold mb-2" > { sellerShopInfo . name } </ h2 >
99+ < p className = "text-sm" > { translateSellerCategory ( sellerShopInfo . seller_type ) } </ p >
121100 </ div >
122101 </ div >
123102
124- { /* Seller Description */ }
125- < h2 className = { SUBHEADER } > { t ( 'Seller Details ' ) } </ h2 >
103+ { /* Seller Details/ Description */ }
104+ < h2 className = { SUBHEADER } > { t ( 'SCREEN.BUY_FROM_SELLER.SELLER_DETAILS_LABEL ' ) } </ h2 >
126105 < div className = "seller_item_container mb-5" >
127- < p className = "mb-3" > { seller . description } </ p >
106+ < p className = "mb-3" > { sellerShopInfo . description } </ p >
128107 </ div >
129108
130- { /* Seller Location */ }
131- < h2 className = { SUBHEADER } > { t ( 'Seller Address or Whereabout ' ) } </ h2 >
109+ { /* Seller Address/ Position */ }
110+ < h2 className = { SUBHEADER } > { t ( 'SCREEN.BUY_FROM_SELLER.SELLER_ADDRESS_POSITION_LABEL ' ) } </ h2 >
132111 < div className = "seller_item_container mb-5" >
133- < p className = "mb-3" > { seller . address } </ p >
112+ < p className = "mb-3" > { sellerShopInfo . address } </ p >
134113 </ div >
135114
136115 { /* Summary of Reviews */ }
137116 < div className = "mb-7 mt-5" >
138117 < h2 className = { SUBHEADER } > { t ( 'SCREEN.BUY_FROM_SELLER.REVIEWS_SUMMARY_LABEL' ) } </ h2 >
139118 { /* Trust-O-meter */ }
140119 < div >
141- < TrustMeter ratings = { seller . trust_meter_rating } />
120+ < TrustMeter ratings = { sellerShopInfo . trust_meter_rating } />
142121 </ div >
143122 < div className = "flex items-center justify-between" >
144123 < p className = "text-sm" >
145- { t ( 'SCREEN.BUY_FROM_SELLER.REVIEWS_SCORE_MESSAGE' , { seller_review_rating : seller . average_rating . $numberDecimal } ) }
124+ { t ( 'SCREEN.BUY_FROM_SELLER.REVIEWS_SCORE_MESSAGE' , { seller_review_rating : sellerShopInfo . average_rating . $numberDecimal } ) }
146125 </ p >
147- < Link href = { `/seller/reviews/${ sellerId } ${ seller . name } } >
126+ < Link href = { `/seller/reviews/${ sellerId } ${ sellerShopInfo . name } } >
148127 < OutlineBtn label = { t ( 'SHARED.CHECK_REVIEWS' ) } />
149128 </ Link >
150129 </ div >
151130 </ div >
152131
153132 < ToggleCollapse
154133 header = { t ( 'SCREEN.BUY_FROM_SELLER.LEAVE_A_REVIEW_MESSAGE' ) } >
155- { /* <h2 className={SUBHEADER}>{t('SCREEN.BUY_FROM_SELLER.LEAVE_A_REVIEW_MESSAGE')}</h2> */ }
156134 < div >
157135 < EmojiPicker sellerId = { sellerId } setIsSaveEnabled = { setIsSaveEnabled } currentUser = { currentUser } />
158136 </ div >
159137 </ ToggleCollapse >
160-
161138
162139 < ToggleCollapse
163140 header = { t ( 'SCREEN.BUY_FROM_SELLER.SELLER_CONTACT_DETAILS_LABEL' ) } >
164141 < div className = "text-sm mb-3" >
165142 < span className = "font-bold" >
166143 { t ( 'Username' ) + ': ' }
167144 </ span >
168- < span > { sellerUser ? sellerUser . user_name : '' } </ span >
145+ < span > { sellerInfo ? sellerInfo . user_name : '' } </ span >
169146 </ div >
170147 < div className = "text-sm mb-3" >
171148 < span className = "font-bold" >
172149 { t ( 'Pioneer Name' ) + ': ' }
173150 </ span >
174- < span > { sellerUser ? sellerUser . pi_username : '' } </ span >
151+ < span > { sellerInfo ? sellerInfo . pi_username : '' } </ span >
175152 </ div >
176153 < div className = "text-sm mb-3" >
177154 < span className = "font-bold" >
0 commit comments