Add comment box

dv297 · Oct 21, 2022 · 52692f3 · 52692f3 · vercel · Oct 21, 2022
1 parent 3ea974f
commit 52692f3
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 13 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,3 @@
+.next/
+.idea/
+docs-build/
diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
@@ -3,7 +3,7 @@ name: Build and Deploy
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: [ 'main' ]
+    branches: ['main']
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
@@ -23,4 +23,4 @@ jobs:
           BRANCH: gh-pages # The branch the action should deploy to.
           FOLDER: docs-build # The folder that the build-storybook script generates files.
           CLEAN: true # Automatically remove deleted files from the deploy branch
-          TARGET_FOLDER: docs # The folder that we serve our Storybook files from
+          TARGET_FOLDER: docs # The folder that we serve our Storybook files from
diff --git a/.prettierignore b/.prettierignore
@@ -1,2 +1,3 @@
 .next/
-.idea/
+.idea/
+docs-build/
diff --git a/next.config.js b/next.config.js
@@ -11,6 +11,7 @@ module.exports = withBundleAnalyzer(
       reactStrictMode: true,
       images: {
         domains: [
+          'planner-user-image-upload.s3.us-east-1.amazonaws.com',
           'tailwindui.com',
           'avatars.githubusercontent.com',
           'cdn.sanity.io',

diff --git a/src/components/pages/issue/IssueAuditEntryListingFactory.tsx b/src/components/pages/issue/IssueAuditEntryListingFactory.tsx
@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import dynamic from 'next/dynamic';
+import Image from 'next/image';
 import { z } from 'zod';
 
 import { IssueAuditEntrySchema } from '@src/schemas/IssueSchema';
@@ -29,10 +30,12 @@ const CommentListing = (props: IssueAuditEntryListingProps) => {
   return (
     <>
       <div className="relative">
-        <img
+        <Image
           className="flex h-10 w-10 items-center justify-center rounded-full bg-gray-400 ring-1 ring-white"
           src={user.image}
           alt="User image"
+          height={40}
+          width={40}
         />
       </div>
       <div className="min-w-0 flex-1">
@@ -59,10 +62,12 @@ const HistoryListing = (props: IssueAuditEntryListingProps) => {
   return (
     <>
       <div className="relative">
-        <img
+        <Image
           className="flex h-10 w-10 items-center justify-center rounded-full bg-gray-400 ring-1 ring-white"
           src={user.image}
           alt="User image"
+          height={40}
+          width={40}
         />
       </div>
       <div className="min-w-0 flex-1">

diff --git a/src/pages/api/issue/audit/[...issueTag].ts b/src/pages/api/issue/audit/[...issueTag].ts
@@ -9,7 +9,6 @@ import {
   GetSingleIssueInputSchema,
   IssueAuditEntryCreateBodySchema,
   IssueAuditEntryType,
-  UpdateSingleIssueInputSchema,
 } from '@src/schemas/IssueSchema';
 import extractSingle from '@src/utils/extractSingle';
 import routeMatcher from '@src/utils/routeMatcher';

diff --git a/src/stories/SimpleMarkdownField.stories.tsx b/src/stories/SimpleMarkdownField.stories.tsx
@@ -3,9 +3,7 @@ import { ComponentMeta, ComponentStory } from '@storybook/react';
 
 import Form from '@src/components/common/Form';
 import FormSubmitButton from '@src/components/common/FormSubmitButton';
-import SimpleMarkdownField, {
-  SimpleMarkdownFieldProps,
-} from '@src/components/common/SimpleMarkdownField';
+import SimpleMarkdownField from '@src/components/common/SimpleMarkdownField';
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 export default {
@@ -16,9 +14,7 @@ export default {
 } as ComponentMeta<typeof SimpleMarkdownField>;
 
 // More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
-const Template: ComponentStory<typeof SimpleMarkdownField> = (
-  args: Partial<SimpleMarkdownFieldProps>
-) => {
+const Template: ComponentStory<typeof SimpleMarkdownField> = () => {
   const [formSubmission, setFormSubmission] = useState('');
 
   return (

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -103,4 +103,4 @@ body {
 
 .wmde-markdown li li {
   list-style: circle;
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -103,4 +103,4 @@ body { @@
     .wmde-markdown li li {
       list-style: circle;
-    }
+    }