feat: add prisma

src/components/Dash/index.tsx

@@ -2,6 +2,7 @@ import { isEqual } from 'lodash'
 import { useEffect, useState } from 'react'
 
 import { useData } from '../../contexts/DataContext'
+import { api } from '../../services/api'
 import { theme } from '../../styles/stitches.config'
 import {
   getLocalStorageData,
@@ -38,6 +39,16 @@ export function Dash() {
     }
   }, [data, initialData])
 
+  const handleSave = async () => {
+    try {
+      await api.put('data', { data })
+      setHasUnsavedChanges(false)
+      removeLocalStorageData()
+    } catch (error) {
+      console.error(error)
+    }
+  }
+
   const handleChangeBackground = (background: string) => {
     setData({
       ...data,
@@ -64,7 +75,14 @@ export function Dash() {
   return (
     <Wrapper>
       <Content>
-        <h1>Dash {hasUnsavedChanges && '- has unsaved changes'}</h1>
+        <h1>
+          Dash{' '}
+          {hasUnsavedChanges && (
+            <>
+              - has unsaved changes <button onClick={() => handleSave()}>save</button>
+            </>
+          )}
+        </h1>
         <NameInput />
         <DescriptionInput />
 

src/pages/api/data.ts

@@ -0,0 +1,38 @@
+import { NextApiRequest, NextApiResponse } from 'next'
+import nc from 'next-connect'
+
+import { prisma } from '../../services/prisma'
+const { RAILWAY_TOKEN } = process.env
+
+const handler = nc<NextApiRequest, NextApiResponse>()
+  .get(async (_req, res) => {
+    try {
+      const data = await prisma.data.findFirst()
+      res.status(200).json(data?.data)
+    } catch (error) {
+      console.error(error)
+      res.status(500).send('Internal server error')
+    }
+  })
+
+  .put(async (req, res) => {
+    try {
+      const response = await prisma.data.update({
+        where: {
+          id: 1
+        },
+        data: { data: JSON.stringify(req.body.data) }
+      })
+
+      if (RAILWAY_TOKEN) {
+        console.log('railway token', RAILWAY_TOKEN)
+      }
+
+      res.status(200).json(response)
+    } catch (error) {
+      console.error(error)
+      res.status(500).send('Internal server error')
+    }
+  })
+
+export default handler

src/services/api.ts

@@ -0,0 +1,7 @@
+import axios from 'axios'
+
+const { RAILWAY_STATIC_URL } = process.env
+
+export const api = axios.create({
+  baseURL: `${RAILWAY_STATIC_URL}/api` || 'http://localhost:3000/api'
+})

src/services/prisma.ts

@@ -0,0 +1,9 @@
+import { PrismaClient } from '@prisma/client'
+
+declare global {
+  var prisma: PrismaClient | undefined
+}
+
+export const prisma = global.prisma || new PrismaClient()
+
+if (process.env.NODE_ENV !== 'production') global.prisma = prisma