From 5d69871d4aa17f042524b426f35e15c2fdc5d8ef Mon Sep 17 00:00:00 2001
From: Hans Kristian Flaatten <hans.kristian.flaatten@nav.no>
Date: Tue, 6 Jun 2023 15:34:51 +0200
Subject: [PATCH] Fix the ring colors for swag-shop

---
 swag-shop/pages/api/swag.ts  | 2 +-
 swag-shop/tailwind.config.js | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/swag-shop/pages/api/swag.ts b/swag-shop/pages/api/swag.ts
index eabd324..2b96db9 100644
--- a/swag-shop/pages/api/swag.ts
+++ b/swag-shop/pages/api/swag.ts
@@ -35,7 +35,7 @@ export const swags: Swag[] = [
     ],
     colors: [
       { name: 'White', class: 'bg-white', selectedClass: 'ring-gray-400' },
-      { name: 'Blue', class: 'bg-blue-900', selectedClass: 'ringeblue-950' },
+      { name: 'Blue', class: 'bg-blue-900', selectedClass: 'ring-blue-950' },
       { name: 'Black', class: 'bg-gray-900', selectedClass: 'ring-gray-900' },
     ],
     sizes: [
diff --git a/swag-shop/tailwind.config.js b/swag-shop/tailwind.config.js
index ee05fcd..b5dec7f 100644
--- a/swag-shop/tailwind.config.js
+++ b/swag-shop/tailwind.config.js
@@ -5,7 +5,10 @@ const colors = require('tailwindcss/colors')
 // doesn't know about dynamic classes and will purge them by default
 const colorClasses = [
   'red-900',
+  'red-950',
   'blue-900',
+  'blue-950',
+  'gray-400',
   'gray-900',
 ];
 
@@ -13,6 +16,7 @@ module.exports = {
   content: ["./pages/**/*.{tsx,jsx}", "./components/**/*.{tsx,jsx}"],
   safelist: [
     ...colorClasses.map(color => `bg-${color}`),
+    ...colorClasses.map(color => `ring-${color}`),
   ],
   theme: {
     extend: {