From c71219d50bbb4df1ddfee29ccf8e6cb1e874fa4a Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sat, 2 Sep 2023 23:54:29 -0700
Subject: [PATCH] merge columnMap const

---
 src/components/bookmarks/list.jsx | 14 ++------------
 src/components/services/list.jsx  | 14 ++------------
 src/utils/layout/columns.js       | 12 ++++++++++++
 tailwind.config.js                | 11 +++++++++++
 4 files changed, 27 insertions(+), 24 deletions(-)
 create mode 100644 src/utils/layout/columns.js

diff --git a/src/components/bookmarks/list.jsx b/src/components/bookmarks/list.jsx
index 3e1dd698..e0266d30 100644
--- a/src/components/bookmarks/list.jsx
+++ b/src/components/bookmarks/list.jsx
@@ -1,18 +1,8 @@
 import classNames from "classnames";
 
-import Item from "components/bookmarks/item";
+import { columnMap } from "../../utils/layout/columns";
 
-const columnMap = [
-  "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
-  "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-2",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-7",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-8",
-];
+import Item from "components/bookmarks/item";
 
 export default function List({ bookmarks, layout }) {
   return (
diff --git a/src/components/services/list.jsx b/src/components/services/list.jsx
index 85083af3..33963af9 100644
--- a/src/components/services/list.jsx
+++ b/src/components/services/list.jsx
@@ -1,18 +1,8 @@
 import classNames from "classnames";
 
-import Item from "components/services/item";
+import { columnMap } from "../../utils/layout/columns";
 
-const columnMap = [
-  "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
-  "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-2",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-7",
-  "grid-cols-1 md:grid-cols-2 lg:grid-cols-8",
-];
+import Item from "components/services/item";
 
 export default function List({ group, services, layout }) {
   return (
diff --git a/src/utils/layout/columns.js b/src/utils/layout/columns.js
new file mode 100644
index 00000000..4a55b850
--- /dev/null
+++ b/src/utils/layout/columns.js
@@ -0,0 +1,12 @@
+// eslint-disable-next-line import/prefer-default-export
+export const columnMap = [
+    "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
+    "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
+    "grid-cols-1 md:grid-cols-2 lg:grid-cols-2",
+    "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+    "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+    "grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
+    "grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
+    "grid-cols-1 md:grid-cols-2 lg:grid-cols-7",
+    "grid-cols-1 md:grid-cols-2 lg:grid-cols-8",
+  ];
diff --git a/tailwind.config.js b/tailwind.config.js
index a075f6e9..b2561700 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -59,5 +59,16 @@ module.exports = {
     'backdrop-brightness-125',
     'backdrop-brightness-150',
     'backdrop-brightness-200',
+    'grid-cols-1',
+    'md:grid-cols-1',
+    'md:grid-cols-2',
+    'lg:grid-cols-1',
+    'lg:grid-cols-2',
+    'lg:grid-cols-3',
+    'lg:grid-cols-4',
+    'lg:grid-cols-5',
+    'lg:grid-cols-6',
+    'lg:grid-cols-7',
+    'lg:grid-cols-8',
   ],
 }