added blog seed link and fixed console errors

waterloop · Nov 27, 2022 · b22490e · b22490e
1 parent 9d675f3
commit b22490e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 13 deletions.
diff --git a/src/backend/seeds/10_blog.js b/src/backend/seeds/10_blog.js
@@ -14,7 +14,7 @@ if (!ENV_IS_STAGING_OR_PROD) {
             summary:
               'Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas accusantium dolorem, beatae possimus nesciunt ab? Illum atque doloremque fugit ipsam quibusdam eveniet magnam quod',
             date: '23-May-2021',
-            link: 'string',
+            link: 'https://example.com/',
             image: 'https://storage.googleapis.com/waterloop_cms_image_upload/1614225359133-waterloop1.png',
             closed: true,
             category: 'Media Appearance',
@@ -26,7 +26,7 @@ if (!ENV_IS_STAGING_OR_PROD) {
             summary:
               'Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas accusantium dolorem, beatae possimus nesciunt ab? Illum atque doloremque fugit ipsam quibusdam eveniet magnam quod',
             date: '20-May-2021',
-            link: 'string',
+            link: 'https://example.com/',
             image: 'https://storage.googleapis.com/waterloop_cms_image_upload/1614225359139-waterloop2.png',
             closed: false,
             category: 'Blog',
@@ -38,7 +38,7 @@ if (!ENV_IS_STAGING_OR_PROD) {
             summary:
               'Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas accusantium dolorem, beatae possimus nesciunt ab? Illum atque doloremque fugit ipsam quibusdam eveniet magnam quod',
             date: '10-May-2021',
-            link: 'string',
+            link: 'https://example.com/',
             image: 'https://storage.googleapis.com/waterloop_cms_image_upload/1614226228513-waterloop1.png',
             closed: false,
             category: 'Media Appearance',
@@ -50,7 +50,7 @@ if (!ENV_IS_STAGING_OR_PROD) {
             summary:
               'Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas accusantium dolorem, beatae possimus nesciunt ab? Illum atque doloremque fugit ipsam quibusdam eveniet magnam quod',
             date: '1-May-2021',
-            link: 'string',
+            link: 'https://example.com/',
             image: 'https://storage.googleapis.com/waterloop_cms_image_upload/1614482400810-waterloop2.png',
             closed: true,
             category: 'Blog',

diff --git a/src/frontend/pages/blogs/BlogPage.js b/src/frontend/pages/blogs/BlogPage.js
@@ -44,15 +44,15 @@ const headers = [
   {id: 'title', value: 'Title'},
   {id: 'updatedAt', value: 'Date'},
   {id: 'author', value: 'Author'},
+  {id: 'category', value: 'Category'},
   {id: 'visibility', value: 'Visibility'},
-  {id: 'category', value: 'Category'}
 ];
 
 const RowComponent = ({ title, updatedAt, author, link, category, visibility}) => (
   <>
     <TableCell>
       <TextBold>
-        <LinkButton as="a" href={link}>{title}</LinkButton>
+        <LinkButton as="a" href={link} target="_blank">{title}</LinkButton>
       </TextBold>
     </TableCell>
     <TableCell>{updatedAt}</TableCell>

diff --git a/src/frontend/pages/blogs/edit-a-blog/EditBlog.js b/src/frontend/pages/blogs/edit-a-blog/EditBlog.js
@@ -117,7 +117,7 @@ const EditBlog = ({ add }) => {
   } = useBlogForm();
 
   const displayImages = useMemo(() => {
-     return [
+     return (
        <div>
           {currentImageURL != '' && 
             <ImageCard>
@@ -140,15 +140,15 @@ const EditBlog = ({ add }) => {
           </ImageCard>
           }
         </div>
-        ]; 
+        ); 
       }, [currentImageURL, uploadedImageURL]);
 
 
     const errorList = useMemo(() => {
       return [
         ...errors.map((error, index) => {
           return (
-            <ErrorMessage key={error}>
+            <ErrorMessage key={`${error}-${index}`}>
               {`${index+1}. `}{error}
             </ErrorMessage>
           );
@@ -268,11 +268,12 @@ const EditBlog = ({ add }) => {
           </FormContainer>
         </BlogImages>
 
-        {(errors.length > 0) && 
-          <ErrorTitle>
-            Errors:
+        {(errors.length > 0) &&
+          <>
+            <ErrorTitle> Errors: </ErrorTitle>
             {errorList}
-          </ErrorTitle>}
+          </>
+          }
 
         <BlogButtons>
           <Button label="Save" onClick={saveForm} />