Merge pull request #10 from supabase-community/dt-tweaks-minor-fixes

dthyresson · web-flow · commit 0e48c33b2855 · 2022-03-28T16:25:01.000-04:00
diff --git a/README.md b/README.md
@@ -85,7 +85,7 @@ yarn workspace app dev
 
 ### Synchronize the GraphQL schema
 
-Note: You need to call `graphql.rebuild_schema()` manually to synchronize the GraphQL schema with the SQL schema after altering the SQL schema.
+Note: You need to call `select graphql.rebuild_schema()` manually to synchronize the GraphQL schema with the SQL schema after altering the SQL schema.
 
 #### Manage Schema with dbmate
 
@@ -132,9 +132,9 @@ See: [`./graphql/schema/schema.graphql`](./graphql/schema/schema.graphql)
 
 See: [`./graphql/queries/`](./graphql/queries/)
 
-Use: `https://mvrfvzcivgabojxddwtk.supabase.co/rest/v1/rpc/graphql`
+Use: `https://mvrfvzcivgabojxddwtk.supabase.co/graphql/v1`
 
-Note: Needs headers
+> Note: Needs headers
 
 ```
 
@@ -143,6 +143,28 @@ apiKey: <supabase_anon_key>
 
 ```
 
+## GraphiQL
+
+GraphiQL is an in-browser IDE for writing, validating, and testing GraphQL queries.
+
+Visit `http://localhost:3000/api/graphiql` for the [Yoga GraphiQL Playground](https://www.graphql-yoga.com/docs/features/graphiql) where you can experiment with queries and mutations.
+
+> Note: Needs headers
+
+```
+
+Content-Type: application/json
+apiKey: <supabase_anon_key>
+
+```
+
+> Note: In order for the RLS policies authenticate you. you've have to pass an authorization header:
+
+```
+authorization: Bearker <access_token>
+
+```
+
 ### Ranked Feed
 
 ```gql
diff --git a/app/lib/comment-item.tsx b/app/lib/comment-item.tsx
@@ -6,7 +6,7 @@ import { useMutation } from "urql";
 
 import { Auth } from "@supabase/ui";
 import { TrashIcon } from "@heroicons/react/outline";
-
+import { CalendarIcon, UserIcon } from "./icons";
 import { DocumentType, gql } from "../gql";
 import { timeAgo } from "./time-ago";
 
@@ -16,6 +16,7 @@ const CommentItem_CommentFragment = gql(/* GraphQL */ `
     message
     createdAt
     post {
+      id
       title
     }
     profile {
@@ -63,10 +64,19 @@ export function CommentItem(props: {
         <div className="flex items-center justify-between">
           <h3 className="text-sm font-medium">
             <Link href={`/profile/${props.comment.profile?.id}`}>
-              <a className="text-gray-800">{props.comment.profile?.username}</a>
+              <a className="text-gray-800 hover:text-green-500">
+                {props.comment.profile?.username}
+              </a>
             </Link>
           </h3>
-          <p className="text-sm text-gray-500">{createdAt}</p>
+          <p className="text-sm text-gray-500">
+            <Link href={`/item/${props.comment.post?.id}`}>
+              <a className="text-gray-800 hover:text-green-500 inline-flex items-center text-sm">
+                <CalendarIcon className="w-4 h-4 mr-1" />
+                {createdAt}
+              </a>
+            </Link>
+          </p>
         </div>
         <p className="text-sm text-gray-500">
           {props.comment.message}
diff --git a/app/lib/urql.tsx b/app/lib/urql.tsx
@@ -20,7 +20,7 @@ export function UrqlProvider(props: { children: React.ReactNode }) {
 
   const [client] = React.useState(function createUrqlClient() {
     return createClient({
-      url: `${process.env.NEXT_PUBLIC_SUPABASE_URL!}/rest/v1/rpc/graphql`,
+      url: `${process.env.NEXT_PUBLIC_SUPABASE_URL!}/graphql/v1`,
       fetchOptions: function createFetchOptions() {
         return { headers: getHeaders() };
       },
diff --git a/app/pages/login.tsx b/app/pages/login.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import type { NextPage } from "next";
+import Head from "next/head";
 import { Auth } from "@supabase/ui";
 import { useSupabaseClient } from "../lib/supabase";
 import { useRouter } from "next/router";
@@ -23,6 +24,11 @@ const LogIn: NextPage = () => {
 
   return (
     <Container>
+      <Head>
+        <title>supanews | Login</title>
+        <meta name="description" content="Sign in to submit posts and vote." />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
       <MainSection>
         <div className="m-width-md mx-auto">
           <h1 className="font-semibold text-xl tracking-tight mb-5">Login</h1>
diff --git a/scripts/fetchGraphQLSchema.js b/scripts/fetchGraphQLSchema.js
@@ -58,7 +58,7 @@ console.log(
   )
 );
 
-fetchGraphQLSchema(`${process.env.SUPABASE_URL}/rest/v1/rpc/graphql`, {
+fetchGraphQLSchema(`${process.env.SUPABASE_URL}/graphql/v1`, {
   readable: true,
 }).then((schema) => {
   fs.writeFileSync(filePath, schema, "utf-8");

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ console.log(`
`58`	`58`	`)`
`59`	`59`	`);`
`60`	`60`
`61`		-fetchGraphQLSchema(`${process.env.SUPABASE_URL}/rest/v1/rpc/graphql`, {
	`61`	+fetchGraphQLSchema(`${process.env.SUPABASE_URL}/graphql/v1`, {
`62`	`62`	`readable: true,`
`63`	`63`	`}).then((schema) => {`
`64`	`64`	`fs.writeFileSync(filePath, schema, "utf-8");`