Browse Source

fix null url and logo palcement on navbar

master
azri 1 week ago
parent
commit
d7b679767f

+ 1
- 0
src/components/Navbar/Navbar.jsx View File

336
                     height: 25,
336
                     height: 25,
337
                   }} />
337
                   }} />
338
               </a>
338
               </a>
339
+              
339
             </Box>
340
             </Box>
340
 
341
 
341
             {/* Center Section: Nav Items */}
342
             {/* Center Section: Nav Items */}

+ 1
- 1
src/components/ProductHistoryList/ProductHistoryList.jsx View File

72
             let {id, title, compareAtPriceRange, images, collections} = product
72
             let {id, title, compareAtPriceRange, images, collections} = product
73
             let price = compareAtPriceRange.maxVariantPrice.amount
73
             let price = compareAtPriceRange.maxVariantPrice.amount
74
             let currency = compareAtPriceRange.maxVariantPrice.currencyCode
74
             let currency = compareAtPriceRange.maxVariantPrice.currencyCode
75
-            let img_url = images.nodes[0].url
75
+            let img_url = images.nodes[0]?.url
76
 
76
 
77
             // ID
77
             // ID
78
             const parts = id.split('/');
78
             const parts = id.split('/');

+ 1
- 1
src/components/ProductList/ProductList.jsx View File

319
             let maxPrice = maxVariantPrice.amount
319
             let maxPrice = maxVariantPrice.amount
320
             let maxPriceCurrency = maxVariantPrice.currencyCode
320
             let maxPriceCurrency = maxVariantPrice.currencyCode
321
 
321
 
322
-            let img_url = images[0].url
322
+            let img_url = images[0]?.url
323
             let collection_name = collections[0]?.title
323
             let collection_name = collections[0]?.title
324
 
324
 
325
             if (index < size) {
325
             if (index < size) {

+ 1
- 1
src/components/ProductSelected/ProductSelected.jsx View File

136
           let maxPrice = maxVariantPrice.amount
136
           let maxPrice = maxVariantPrice.amount
137
           let maxPriceCurrency = maxVariantPrice.currencyCode
137
           let maxPriceCurrency = maxVariantPrice.currencyCode
138
 
138
 
139
-          let img_url = images[0].url
139
+          let img_url = images[0]?.url
140
           let collection_name = collections[0]?.title
140
           let collection_name = collections[0]?.title
141
 
141
 
142
           // ID
142
           // ID

+ 1
- 1
src/components/ProductSuggestion/ProductSuggestion.jsx View File

65
           let {id, title, compareAtPriceRange, images, collections} = product
65
           let {id, title, compareAtPriceRange, images, collections} = product
66
           let price = compareAtPriceRange.maxVariantPrice.amount
66
           let price = compareAtPriceRange.maxVariantPrice.amount
67
           let currency = compareAtPriceRange.maxVariantPrice.currencyCode
67
           let currency = compareAtPriceRange.maxVariantPrice.currencyCode
68
-          let img_url = images.nodes[0].url
68
+          let img_url = images.nodes[0]?.url
69
 
69
 
70
           // ID
70
           // ID
71
           const parts = id.split('/');
71
           const parts = id.split('/');

+ 12
- 0
src/index.css View File

384
   scrollbar-width: thin; /* Thin scrollbar */
384
   scrollbar-width: thin; /* Thin scrollbar */
385
   scrollbar-color: #95AAC5 #FFF; /* Thumb color and track color */
385
   scrollbar-color: #95AAC5 #FFF; /* Thumb color and track color */
386
 }
386
 }
387
+
388
+/*LOADER*/
389
+/* HTML: <div class="loader"></div> */
390
+.loader {
391
+  width: 50px;
392
+  aspect-ratio: 1;
393
+  border-radius: 50%;
394
+  border: 8px solid;
395
+  border-color: #000 #0000;
396
+  animation: l1 1s infinite;
397
+}
398
+@keyframes l1 {to{transform: rotate(.5turn)}}

Loading…
Cancel
Save