Updated docker-compose files

.gitignore

@@ -35,6 +35,3 @@ yarn-error.log*
 
 # vercel
 .vercel
-
-# compose
-docker-compose-dev.yml

.vscode/tasks.json

@@ -17,7 +17,7 @@
     },
     {
       "type": "shell",
-      "command": "docker-compose -f docker-compose-dev.yml up --build",
+      "command": "docker-compose -f docker-compose-dev.yml --env-file .env.local up --build",
       "problemMatcher": [],
       "label": "Docker",
       "detail": "Builds and runs a docker container"

README.md

@@ -23,6 +23,7 @@ Fill the BOT_TOKEN, leave CHAT_ID empty and start the container.
 version: "3"
 services:
   notifybot:
+      container_name: notifybot
       image: planecore/notifybot
       ports:
         - "3000:3000"

docker-compose-dev.yml

@@ -0,0 +1,13 @@
+version: "3"
+services:
+  notifybot:
+    container_name: notifybot
+    build: .
+    ports:
+      - "3000:3000"
+    environment:
+      - BOT_TOKEN
+      - CHAT_ID
+    volumes: 
+      - ./db:/usr/src/app/db
+    restart: unless-stopped

docker-compose.yml

@@ -2,7 +2,7 @@ version: "3"
 services:
   notifybot:
     container_name: notifybot
-    build: .
+    image: planecore/notifybot
     ports:
       - "3000:3000"
     environment:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "notifybot",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": true,
   "scripts": {
     "dev": "next dev",

src/pages/index.tsx

@@ -28,6 +28,7 @@ const HomePage: NextPage<HomePageProps> = ({ messages }) => {
   const router = useRouter()
   const [, setToast] = useToasts()
   const [message, setMessage] = useState("")
+  const [showDatePicker, setShowDatePicker] = useState(false)
   const [scheduleDate, setScheduleDate] = useState<Date>(new Date())
   const [shouldSchedule, setShouldSchedule] = useState<"true" | "false">(
     "false"
@@ -73,29 +74,36 @@ const HomePage: NextPage<HomePageProps> = ({ messages }) => {
       <Tabs.Item label="Send Now" value="false" />
       <Tabs.Item label="Send Later" value="true">
         <div style={{ height: 40 }}>
-          <div style={{ position: "absolute" }}>
-            <Button type="secondary" ghost>
-              {scheduleDate.toLocaleString("en-US", {
-                month: "short",
-                day: "numeric",
-                hour: "numeric",
-                minute: "2-digit",
-              })}
-            </Button>
-          </div>
           <div style={{ position: "absolute" }}>
             <MuiPickersUtilsProvider utils={DayJSUtils}>
               <DateTimePicker
                 value={scheduleDate}
                 inputVariant="outlined"
-                style={{ height: 40, width: 200, opacity: 0, zIndex: 50 }}
+                style={{ height: 40, width: 200, opacity: 0 }}
                 onChange={(date) => setScheduleDate(date.toDate())}
+                open={showDatePicker}
+                onOpen={() => setShowDatePicker(true)}
+                onClose={() => setShowDatePicker(false)}
                 ampm={false}
                 autoOk
                 disablePast
               />
             </MuiPickersUtilsProvider>
           </div>
+          <div style={{ position: "absolute" }}>
+            <Button
+              type="secondary"
+              ghost
+              onClick={() => setShowDatePicker(true)}
+            >
+              {scheduleDate.toLocaleString("en-US", {
+                month: "short",
+                day: "numeric",
+                hour: "numeric",
+                minute: "2-digit",
+              })}
+            </Button>
+          </div>
         </div>
       </Tabs.Item>
     </Tabs>

src/scheduleJobs.js

@@ -48,7 +48,6 @@ if (chatId === undefined || chatId === "") {
 
   function scheduleJob() {
     schedule.scheduleJob("* * * * *", async () => {
-      console.log("HELLO AT ", new Date())
       sendMessagesInQueue()
     })
   }