✨ finish https://redwoodjs.com/docs/tutorial/chapter6/comments-schema…

…#creating-the-sdl-and-service
redwoodjs · Oct 10, 2022 · 3d74401 · 3d74401
1 parent 398010e
commit 3d74401
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/api/src/graphql/comments.sdl.ts b/api/src/graphql/comments.sdl.ts
@@ -9,7 +9,7 @@ export const schema = gql`
   }
 
   type Query {
-    comments: [Comment!]! @requireAuth
+    comments: [Comment!]! @skipAuth
   }
 
   input CreateCommentInput {

diff --git a/web/src/components/CommentsCell/CommentsCell.test.tsx b/web/src/components/CommentsCell/CommentsCell.test.tsx
@@ -19,6 +19,7 @@ describe('CommentsCell', () => {
   it('renders Empty successfully', async () => {
     expect(() => {
       render(<Empty />)
+      expect(screen.getByText('No comments yet')).toBeInTheDocument()
     }).not.toThrow()
   })
 

diff --git a/web/src/components/CommentsCell/CommentsCell.tsx b/web/src/components/CommentsCell/CommentsCell.tsx
@@ -17,7 +17,9 @@ export const QUERY = gql`
 
 export const Loading = () => <div>Loading...</div>
 
-export const Empty = () => <div>Empty</div>
+export const Empty = () => (
+  <div className="text-center text-gray-500">No comments yet</div>
+)
 
 export const Failure = ({ error }: CellFailureProps) => (
   <div style={{ color: 'red' }}>Error: {error?.message}</div>