Merge branch 'feature/chatroom' of https://github.com/supabase/monorepo into feature/chatroom

examples/slack-clone/docker-compose.yml

@@ -2,7 +2,7 @@ version: '3'
 
 services:
   supabase:
-    image: supabase/supabase-dev:latest
+    image: supabase/supabase-dev:0.1.3
     ports:
       - "8000:8000"
     environment:
@@ -14,20 +14,6 @@ services:
       DB_SCHEMA: public
     depends_on:
       - db
-  realtime:
-    image: supabase/realtime
-    restart: on-failure
-    environment:
-      DB_HOST: db
-      DB_NAME: postgres
-      DB_USER: postgresgi
-      DB_PASSWORD: postgres
-      DB_PORT: 5432
-      PORT: 4000
-      HOSTNAME: localhost
-      SECRET_KEY_BASE: postgres
-    ports:
-      - "4000:4000"
   db:
     image: postgres:12
     ports:

examples/slack-clone/pages/index.js

@@ -10,23 +10,23 @@ const Home = props => {
   }
 
   return (
-    <div class="container mx-auto h-full flex justify-center items-center mt-8">
-      <div class="w-1/3 mt-8">
-        <div class="border-teal p-8 border-t-12 bg-white mb-6 rounded-lg shadow-lg">
-          <div class="mb-4">
-            <label class="font-bold text-grey-darker block mb-2">Username</label>
+    <div className="container mx-auto h-full flex justify-center items-center mt-8">
+      <div className="w-1/3 mt-8">
+        <div className="border-teal p-8 border-t-12 bg-white mb-6 rounded-lg shadow-lg">
+          <div className="mb-4">
+            <label className="font-bold text-grey-darker block mb-2">Username</label>
             <input
               type="text"
-              class="block appearance-none w-full bg-white border border-grey-light hover:border-grey px-2 py-2 rounded shadow"
+              className="block appearance-none w-full bg-white border border-grey-light hover:border-grey px-2 py-2 rounded shadow"
               placeholder="Your Username"
             />
           </div>
 
-          <div class="flex items-center justify-between">
+          <div className="flex items-center justify-between">
             <a
               onClick={handleLogin}
               href={'/channels'}
-              class="bg-gray-900 hover:bg-teal text-white font-bold py-2 px-4 rounded"
+              className="bg-gray-900 hover:bg-teal text-white font-bold py-2 px-4 rounded"
             >
               Login
             </a>