Update packages

package.json

@@ -1,7 +1,6 @@
 {
-  "name": "@tinacms/starter",
+  "name": "parmi-picks",
   "version": "0.1.0",
-  "private": true,
   "scripts": {
     "dev": "tinacms dev -c \"next dev\"",
     "build": "tinacms build && next build",
@@ -10,36 +9,33 @@
     "lint": "eslint . --ext .ts,.tsx"
   },
   "devDependencies": {
-    "@svgr/webpack": "^6.3.1",
+    "@svgr/webpack": "^8.0.1",
     "@tinacms/cli": "^1.5.26",
     "@types/js-cookie": "^3.0.3",
-    "@types/node": "^16.11.7",
+    "@types/node": "^20.4.10",
     "@types/react": "^17.0.35",
     "@types/styled-components": "^5.1.15",
-    "@typescript-eslint/eslint-plugin": "^5.59.11",
-    "@typescript-eslint/parser": "^5.59.11",
+    "@typescript-eslint/eslint-plugin": "^6.3.0",
+    "@typescript-eslint/parser": "^6.3.0",
     "autoprefixer": "^10.4.14",
     "eslint": "^8.43.0",
     "postcss": "^8.4.24",
-    "postcss-import": "^14.0.2",
-    "postcss-nesting": "^10.1.0"
+    "postcss-import": "^15.1.0",
+    "postcss-nesting": "^12.0.1"
   },
   "dependencies": {
-    "@headlessui/react": "1.7.15",
+    "@headlessui/react": "1.7.16",
     "@tailwindcss/typography": "^0.5.8",
     "date-fns": "^2.23.0",
     "next": "^12.3.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-icons": "^4.9.0",
-    "react-is": "^17.0.2",
-    "styled-components": "^5.3.9",
-    "styled-jsx": "^3.2.5",
     "tailwindcss": "^3.2.4",
     "tinacms": "^1.5.17",
-    "typescript": "^4.5.2"
+    "typescript": "^5.1.6"
   },
   "resolutions": {
     "final-form": "4.20.1"
   }
-}
+}

tina/config.tsx

@@ -3,7 +3,6 @@ import { contentBlockSchema } from "../components/blocks/content";
 import { featureBlockSchema } from "../components/blocks/features";
 import { heroBlockSchema } from "../components/blocks/hero";
 import { testimonialBlockSchema } from "../components/blocks/testimonial";
-import { ColorPickerInput } from "../components/fields/color";
 
 const config = defineConfig({
   clientId: process.env.NEXT_PUBLIC_TINA_CLIENT_ID!,
@@ -298,16 +297,7 @@ const config = defineConfig({
             type: "object",
             label: "Theme",
             name: "theme",
-            // @ts-ignore
             fields: [
-              {
-                type: "string",
-                label: "Primary Color",
-                name: "color",
-                ui: {
-                  component: ColorPickerInput,
-                },
-              },
               {
                 type: "string",
                 name: "font",

tina/queries/queries.gql

@@ -19,6 +19,7 @@ query pageQuery {
   }
 }
 
+# TODO: Add sorting options
 query reviewPageQuery {
   ...LayoutQueryFragment
   reviewConnection(sort: "score") {