Add upload resource button in resource hub

components/ResourceHub/Resources.tsx

@@ -20,6 +20,7 @@ import { Fragment, useMemo, useState } from 'react'
 import { useRouter } from 'next/router'
 import NextLink from 'next/link'
 import type { NextRouter } from 'next/router'
+import AddIcon from '@mui/icons-material/Add'
 
 import SearchIcon from '../../assets/svg/search.svg'
 import CrossIcon from '../../assets/svg/cross.svg'
@@ -33,6 +34,9 @@ import companyResources from './company-resources.json'
 import communityResources from './community-resources.json'
 import css from './styles.module.css'
 
+export const uploadResourceUrl =
+  'https://github.com/safe-global/safe-docs/issues/new?assignees=&labels=resource-hub&projects=&template=resource-hub-submission.yml&title=%5BResource+Hub%5D+'
+
 const resources = [
   ...communityResources.map(r => ({ ...r, origin: 'Community' })),
   ...companyResources.map(r => ({ ...r, origin: 'Safe Team' }))
@@ -215,6 +219,28 @@ export const Resources = (): ReactElement => {
 
   const sidebar = (
     <>
+      <NextLink href={uploadResourceUrl} target='_blank' rel='noreferrer'>
+        <Button
+          endIcon={
+            <AddIcon sx={{ mr: [1.5, 1] }} />
+          }
+          sx={{
+            alignItems: 'space-between',
+            border: ['none', 'solid 1px rgba(161, 163, 167, 1)'],
+            color: 'white',
+            my: 2
+          }}
+          fullWidth
+        >
+          <Typography
+            sx={{ width: '100%', textAlign: 'left', ml: 1 }}
+            color='white'
+            variant='caption'
+          >
+            Suggest new resource
+          </Typography>
+        </Button>
+      </NextLink>
       <SidebarAccordion
         title='Resource type'
         items={uniqueTypes}

package.json

@@ -27,6 +27,7 @@
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.15.8",
     "@mui/material": "^5.14.18",
     "@preact/signals": "^1.2.2",
     "@svgr/webpack": "^8.1.0",