Misc PR adjustments; refactor + cleanup.

Author: swoocn

public/review_ratings/trust-o-meter_000.PNG renamed to public/images/shared/review_ratings/trust-o-meter_000.PNG

@@ -142,7 +142,7 @@ export default function Page({ params }: { params: { id: string } }) {
           </div>
           <div className="flex items-center justify-between">
             <p className="text-sm">
-              {t('SCREEN.BUY_FROM_SELLER.REVIEWS_SCORE_MESSAGE', {seller_review_rating: sellerSettings?.trust_meter_rating})}
+              {t('SCREEN.BUY_FROM_SELLER.REVIEWS_SCORE_MESSAGE', {seller_review_rating: sellerShopInfo.average_rating.$numberDecimal})}
             </p>
             <Link href={`/seller/reviews/${sellerId}?buyer=true&seller_name=${sellerShopInfo.name}`}>
             <OutlineBtn label={t('SHARED.CHECK_REVIEWS')} />

public/review_ratings/trust-o-meter_050.PNG renamed to public/images/shared/review_ratings/trust-o-meter_050.PNG

@@ -1,40 +1,37 @@
-import React, {useEffect, useState} from 'react';
 import Image from 'next/image';
+import React, {useEffect, useState} from 'react';
 
 type TrustMeterProps = {
   ratings: number;
   hideLabel?: boolean;
 };
 
 const TrustMeter: React.FC<TrustMeterProps> = ({ ratings, hideLabel}) => {
-  const average = 50; // this can be adjusted
   const [ratingImage, setRatingImage] = useState<string>('')
 
   useEffect(() => {
-    if (ratings===0){
-      setRatingImage(`/review_ratings/trust-o-meter_0${ratings}0.PNG`);
-    }if (ratings===50 || ratings===80) {
-      setRatingImage(`/review_ratings/trust-o-meter_0${ratings}.PNG`);
+    if (ratings === 0) {
+      setRatingImage(`/images/shared/review_ratings/trust-o-meter_0${ratings}0.PNG`);
+    } else if (ratings === 50 || ratings === 80) {
+      setRatingImage(`/images/shared/review_ratings/trust-o-meter_0${ratings}.PNG`);
     } else {
-      setRatingImage(`/review_ratings/trust-o-meter_${ratings}.PNG`);
+      setRatingImage(`/images/shared/review_ratings/trust-o-meter_${ratings}.PNG`);
     }       
-    }, [ratings]);
+  }, [ratings]);
 
   return (
     <div className='w-full flex items-center mb-3'>
       <h3 className={`font-bold text-sm text-nowrap pe-2 ${hideLabel? 'hidden': 'block'}`}>Trust-o-meter</h3>
       <div className='flex-1'>
-
         <div className="flex w-full">          
           <Image 
-          src={ratingImage} 
-          alt='100% ratings' 
-          width={400} 
-          height={3}
-          className="w-full max-w-xs md:max-w-md lg:max-w-lg"
+            src={ratingImage} 
+            alt='100% ratings' 
+            width={400} 
+            height={3}
+            className="w-full max-w-xs md:max-w-md lg:max-w-lg"
           />          
         </div>
-        
       </div>
     </div>
   );

public/review_ratings/trust-o-meter_080.PNG renamed to public/images/shared/review_ratings/trust-o-meter_080.PNG

@@ -5,10 +5,9 @@ import { MapContainer, Marker, Popup, TileLayer, useMapEvents } from 'react-leaf
 import L, { LatLngExpression, LatLngBounds, LatLngTuple } from 'leaflet';
 import _ from 'lodash';
 
+import { ISeller, ISellerWithSettings } from '@/constants/types';
 import { fetchSellers } from '@/services/sellerApi';
-import { ISeller } from '@/constants/types';
 import { toLatLngLiteral } from '@/util/map';
-import { ISellerWithSettings } from '@/constants/types';
 
 import MapMarkerPopup from './MapMarkerPopup'
 

public/review_ratings/trust-o-meter_100.PNG renamed to public/images/shared/review_ratings/trust-o-meter_100.PNG

@@ -116,9 +116,6 @@ function Sidebar(props: any) {
       ...prevFormData,
       [name]: value,
     }));
-    
-    // enable or disable save button based on form inputs
-    const isFormFilled = Object.values(formData).some(v => v !== '');
   };
 
   const handlePhoneNumberChange = (value: string | undefined) => {
@@ -455,10 +452,7 @@ function Sidebar(props: any) {
                   ))}
               </ToggleCollapse>
             </div>
-            
           </div>
-
-          
           <div ref={bottomRef}></div>
         </div>
       </div>

src/app/[locale]/seller/sale-items/[id]/page.tsx

@@ -43,15 +43,8 @@ export interface IReviewFeedback {
   review_date: string;
 }
 
-
-// Interface representing the selected fields from IUserSettings
-export interface PartialUserSettings {
-  set_name: string;
-  email?: string;
-  phone_number?: string;
-  findme: string;
-  trust_meter_rating: number;
-}
+// Select specific fields from IUserSettings
+export type PartialUserSettings = Pick<IUserSettings, 'user_name' | 'email' | 'phone_number' | 'findme' | 'trust_meter_rating'>;
 
 // Combined interface representing a seller with selected user settings
-export interface ISellerWithSettings extends ISeller, PartialUserSettings {}
+export interface ISellerWithSettings extends ISeller, PartialUserSettings {}