File indexing completed on 2025-05-04 05:31:00

 import React ,{useState,useEffect} from 'react'
 import ProductsContainer from './ProductsContainer';
 
 const Pling = (props) => {
     const [user, setUser] = useState({});
     const [products, setProducts] = useState([]);
     const [baseUrlStore, setBaseUrlStore] = useState(window.config.baseUrlStore);
     useEffect(() => {                 
         loadData();
     },[]);
     const loadData =  () => {
         
 
         fetch(`/json/pling?username=${props.username}`, {
             mode: 'cors',
             credentials: 'include'
           })
           .then(response => response.json())
           .then(data => {
                 let items = data;
                 if (items && typeof(items.user) != "undefined")   
                 {
                     setUser(items.user);
                     setProducts(items.products);            
                 }
           }); 
         
       }
 
     
     return (
         <div className="sub-system-container">  
         <div className="header">Pling : <a href={baseUrlStore+'/u/'+user.username}>{user.username} </a>
         {
             user.username &&                  
             <img src={user.avatar}></img>            
         }        
         </div>  
         
         <div>
            
         <ProductsContainer baseUrlStore={baseUrlStore} title="Products" products={products}/>
         </div>       
         </div>
     )
 }
 
 export default Pling;