hasura, postgres added and overlay espace on modal open

Bhavika-Maurya · Jul 9, 2022 · 73de57c · 73de57c
1 parent eaa3fb6
commit 73de57c
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 24 deletions.
diff --git a/src/common/header/HeaderNav.jsx b/src/common/header/HeaderNav.jsx
@@ -27,7 +27,6 @@ const style = {
 const HeaderNav = ({ showBrowse }) => {
  const { showShareModal, setShowShareModal } = useContext(SearchContext);
 
- // const [showSocial, setShowSocial] = useState(false);
  const [showToggleMenu, setShowToggleMenu] = useState(false);
 
  const [anchorEl, setAnchorEl] = useState(null);
@@ -150,30 +149,17 @@ const HeaderNav = ({ showBrowse }) => {
  <IoHeartSharp className='icon' />
  <span className='btn-label'>Share</span>
  </button>
- {/* <div className='app-header-modal'>
- <h3 className='modal-title'>Show love</h3>
- <a className='btn-default-light' href='#'>
- <IoShareSocial className='icon' />
- <span className='btn-label'>Share about ReactPlay</span>
- </a>
- <p className='mt-2 mb-10'>
- Share your thoughts about ReactPlay in any of your favorite
- social media.
- </p>
- <a className='btn-secondary-light' href='#'>
- <BiMoney className='icon' />
- <span className='btn-label'>Sponsor ReactPlay</span>
- </a>
- <p className='mt-2 mb-4'>Some text about asking for the money.</p>
- </div> */}
  </li>
  <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>
  <Box sx={{ p: 3, pt: 1, borderRadius: 2, width: "360px" }}>
  <Typography sx={{ py: 1 }} variant='h5'>
  Show Love
  </Typography>
  <button
- onClick={modalClose}
+ onClick={() => {
+ modalClose();
+ handleClose()
+ }}
  className='my-2 btn-default-light'
  href='#'
  >
@@ -185,6 +171,7 @@ const HeaderNav = ({ showBrowse }) => {
  social media.
  </Typography>
  <a
+ onClick={handleClose}
  target='_blank'
  className='my-2 btn-secondary-light'
  href='https://github.com/sponsors/atapas'

diff --git a/src/common/techstack/index.js b/src/common/techstack/index.js
@@ -4,12 +4,13 @@ import {
  SiGit,
  SiMaterialui,
  SiTailwindcss,
- SiMysql,
  SiJavascript,
  SiFirebase,
  SiTypescript,
  SiGraphql,
  SiDocker,
+ SiHasura,
+ SiPostgresql
 } from "react-icons/si";
 import NHost from "images/nhost.svg";
 
@@ -51,10 +52,16 @@ export const Tech = [
  link: "https://tailwindcss.com",
  },
  {
- comp: SiMysql,
- text: "MySQL",
+ comp: SiHasura,
+ text: "Hasura",
  type: "icon",
- link: "https://www.mysql.com",
+ link: "https://hasura.io",
+ },
+ {
+ comp: SiPostgresql,
+ text: "PostgreSQL",
+ type: "icon",
+ link: "https://www.postgresql.org",
  },
  {
  comp: SiJavascript,

diff --git a/src/common/techstack/techstack.jsx b/src/common/techstack/techstack.jsx
@@ -11,7 +11,7 @@ const TechStack = () => {
  key={idx}
  target='_blank'
  href={Item.link}
- className='hover:bg-blue-100 duration-100 hover:border-0 cursor-pointer md:w-[200px] 2xl:w-[250px] 2xl:h-[250px] sm:w-1/2 w-full border flex-wrap flex justify-center items-center flex-col p-8'
+ className='hover:bg-blue-100 duration-100 cursor-pointer md:w-[200px] 2xl:w-[250px] 2xl:h-[250px] sm:w-1/2 w-full border flex-wrap flex justify-center items-center flex-col p-8'
  >
  <Item.comp size='80' />
  <p>{Item.text}</p>
@@ -23,7 +23,7 @@ const TechStack = () => {
  key={idx}
  target='_blank'
  href={Item.link}
- className='hover:bg-blue-100 duration-100 hover:border-0 cursor-pointer md:w-[200px] 2xl:w-[250px] 2xl:h-[250px] sm:w-1/2 w-full border flex-wrap flex justify-center items-center flex-col p-8'
+ className='hover:bg-blue-100 duration-100 cursor-pointer md:w-[200px] 2xl:w-[250px] 2xl:h-[250px] sm:w-1/2 w-full border flex-wrap flex justify-center items-center flex-col p-8'
  >
  <img src={Item.comp} alt={Item.comp} />
  <p className='text-center'>{Item.text}</p>