Add permission for edit and remove

pages/places/[id]/index.tsx

@@ -21,6 +21,7 @@ import ViewPlaceMap from "src/components/ViewPlaceMap";
 import CloudinaryImage from "src/components/ui/CloudinaryImage";
 import Layout from "src/components/Layout";
 import { ViewState } from "react-map-gl";
+import { useAuth } from "src/contexts";
 
 type PlaceIdFC<P = {}> = FC<P> & additionalType;
 
@@ -33,6 +34,7 @@ const PlaceId: PlaceIdFC = () => {
     longitude: -122.3321,
     zoom: 13,
   });
+  const { user } = useAuth();
   const { addToast } = useToasts();
   const router = useRouter();
 
@@ -133,21 +135,23 @@ const PlaceId: PlaceIdFC = () => {
                   >
                     <IoChevronBack className="text-2xl" />
                   </Button>
-                  <div className="space-x-4">
-                    <Button
-                      className="text-2xl"
-                      onClick={() => setEditMode(true)}
-                    >
-                      <MdEdit />
-                    </Button>
-                    <Button
-                      variant="danger"
-                      className="text-2xl"
-                      onClick={() => setShowDeleteModal(true)}
-                    >
-                      <MdDelete />
-                    </Button>
-                  </div>
+                  {!!user && user.uid === place.userId ? (
+                    <div className="space-x-4">
+                      <Button
+                        className="text-2xl"
+                        onClick={() => setEditMode(true)}
+                      >
+                        <MdEdit />
+                      </Button>
+                      <Button
+                        variant="danger"
+                        className="text-2xl"
+                        onClick={() => setShowDeleteModal(true)}
+                      >
+                        <MdDelete />
+                      </Button>
+                    </div>
+                  ) : null}
                 </>
               )}
             </div>

schema.gql

@@ -36,6 +36,7 @@ type Place {
   placeName: String!
   placeType: String!
   publicId: String!
+  userId: String!
 }
 
 input PlaceInput {
@@ -48,7 +49,6 @@ input PlaceInput {
 }
 
 type Query {
-  hello: String!
   place(id: String!): Place
   places(bounds: BoundInput!): [Place!]
 }

src/generated/GetPlaceByIdQuery.ts

@@ -17,6 +17,7 @@ export interface GetPlaceByIdQuery_place_nearby {
 export interface GetPlaceByIdQuery_place {
   __typename: "Place";
   id: string;
+  userId: string;
   latitude: number;
   longitude: number;
   address: string;

src/generated/GetPlacesQuery.ts

@@ -12,6 +12,7 @@ import { BoundInput } from "./globalTypes";
 export interface GetPlacesQuery_places {
   __typename: "Place";
   id: string;
+  userId: string;
   latitude: number;
   longitude: number;
   address: string;

src/gql/place.ts

@@ -4,6 +4,7 @@ export const GET_PLACE_BY_ID_QUERY = gql`
   query GetPlaceByIdQuery($id: String!) {
     place(id: $id) {
       id
+      userId
       latitude
       longitude
       address
@@ -25,6 +26,7 @@ export const GET_PLACES_QUERY = gql`
   query GetPlacesQuery($bounds: BoundInput!) {
     places(bounds: $bounds) {
       id
+      userId
       latitude
       longitude
       address

src/schema/index.ts

@@ -1,18 +1,10 @@
-import { buildSchemaSync, Query, Resolver } from "type-graphql";
+import { buildSchemaSync } from "type-graphql";
 import { authChecker } from "./authChecker";
 import { ImageResolver } from "./image";
 import { PlaceResolver } from "./place";
 
-@Resolver()
-class DummyResolver {
-  @Query((_returns) => String)
-  hello() {
-    return "Hello world";
-  }
-}
-
 export const schema = buildSchemaSync({
-  resolvers: [DummyResolver, ImageResolver, PlaceResolver],
+  resolvers: [ImageResolver, PlaceResolver],
   emitSchemaFile: process.env.NODE_ENV === "development",
   authChecker,
 });

src/schema/place.ts

@@ -63,6 +63,9 @@ class Place {
   @Field((_type) => ID)
   id!: number;
 
+  @Field((_type) => String)
+  userId!: string;
+
   @Field((_type) => String)
   placeName!: string;