[refactor][x]: move reusable ErrorMessage component to _shared

components/_shared/Table.tsx

@@ -24,7 +24,8 @@ const Table: React.FC<TableProps> = ({ columns, data, className }) => {
             {columns.map(({ key, render }) => (
               <td className="px-4 py-2">
                 {(render && typeof render === 'function' && render(item)) ||
-                  item[key]}
+                  item[key] ||
+                  ''}
               </td>
             ))}
           </tr>

components/_shared/index.ts

@@ -0,0 +1,4 @@
+import Table from './Table';
+import ErrorMessage from './Error';
+
+export { Table, ErrorMessage };

components/dataset/Org.tsx

@@ -1,6 +1,6 @@
 import Link from 'next/link';
 import { useQuery } from '@apollo/react-hooks';
-import ErrorMessage from '../Error';
+import { ErrorMessage } from '../_shared';
 import { GET_ORG_QUERY } from '../../graphql/queries';
 
 export default function Org({ variables }) {

components/home/Recent.tsx

@@ -1,6 +1,6 @@
 import Link from 'next/link';
 import { useQuery } from '@apollo/react-hooks';
-import ErrorMessage from '../Error';
+import { ErrorMessage } from '../_shared';
 import { SEARCH_QUERY } from '../../graphql/queries';
 
 function Recent() {

components/resource/DataExplorer.tsx

@@ -1,5 +1,5 @@
 import { useQuery } from '@apollo/react-hooks';
-import ErrorMessage from '../Error';
+import { ErrorMessage } from '../_shared';
 import { GET_RESOURCES_QUERY } from '../../graphql/queries';
 
 export default function DataExplorer({ variables }) {

components/search/List.tsx

@@ -1,6 +1,6 @@
 import { useQuery } from '@apollo/react-hooks';
 import Item from './Item';
-import ErrorMessage from '../Error';
+import { ErrorMessage } from '../_shared';
 import { SEARCH_QUERY } from '../../graphql/queries';
 
 export default function List({ variables }) {

components/search/Total.tsx

@@ -1,5 +1,5 @@
 import { useQuery } from '@apollo/react-hooks';
-import ErrorMessage from '../Error';
+import { ErrorMessage } from '../_shared';
 import { GET_TOTAL_COUNT_QUERY } from '../../graphql/queries';
 
 export default function Total({ variables }) {

components/static/List.tsx

@@ -1,6 +1,6 @@
 import parse from 'html-react-parser';
 import { useQuery } from '@apollo/react-hooks';
-import ErrorMessage from '../Error';
+import { ErrorMessage } from '../_shared';
 import { GET_POSTS_QUERY } from '../../graphql/queries';
 
 export default function List() {

components/static/Page.tsx

@@ -1,6 +1,6 @@
 import parse from 'html-react-parser';
 import { useQuery } from '@apollo/react-hooks';
-import ErrorMessage from '../Error';
+import { ErrorMessage } from '../_shared';
 import { GET_PAGE_QUERY } from '../../graphql/queries';
 
 export default function Page({ variables }) {

components/static/Post.tsx

@@ -1,6 +1,6 @@
 import parse from 'html-react-parser';
 import { useQuery } from '@apollo/react-hooks';
-import ErrorMessage from '../Error';
+import { ErrorMessage } from '../_shared';
 import { GET_PAGE_QUERY } from '../../graphql/queries';
 
 export default function Post({ variables }) {