Only show colour picker if there is a choice

owl-corp · Aug 25, 2024 · b036845 · b036845
1 parent 923de5c
commit b036845
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/thallium-frontend/src/components/StoreItem.tsx b/thallium-frontend/src/components/StoreItem.tsx
@@ -222,7 +222,7 @@ const StoreItem: React.FC<StoreItemProps> = ({ template }: StoreItemProps) => {
             <h3>{template.title}</h3>
             <img src={template.mockup_file_url} alt={template.title} />
 
-            {colours === 1 && (
+            {(colours === 1 && uniqueColours.length > 1) && (
                 <div>
                     {uniqueColours.map((colour) => (
                         <ColourSwatch
@@ -263,9 +263,10 @@ const StoreItem: React.FC<StoreItemProps> = ({ template }: StoreItemProps) => {
                 ))}
             </SizeHolder>
 
-            {selectedVariant && (
+            {selectedVariant ?
                 <p>${selectedVariant.price} USD</p>
-            )}
+                : <p>Select a size to view price</p>
+            }
 
             <CartButton
                 disabled={selectedVariant === null}