Skip to content

Commit

Permalink
Adds support dropdown, heart icon, import/export/reload metadata. Fixes
Browse files Browse the repository at this point in the history 
hasura#292 hasura#293 hasura#8
  • Loading branch information
@karthikvt26
karthikvt26 committed Sep 4, 2018
1 parent 7d25882 commit d7fa63d
Show file tree
Hide file tree
Showing 3 changed files with 112 additions and 75 deletions.
146 changes: 74 additions & 72 deletions console/src/components/Main/Main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,7 @@ class Main extends React.Component {
const logo = require('./logo.svg');
const github = require('./Github.svg');
const discord = require('./Discord.svg');
const mail = require('./mail.svg');
const pixHeart = require('./pix-heart.svg');
const closeIcon = require('./cancel-icon.svg');
const githubicon = require('./githubicon.png');
Expand Down Expand Up @@ -222,12 +223,12 @@ class Main extends React.Component {
target="_blank"
rel="noopener noreferrer"
>
<span> Report bugs & suggest improvements</span>
<img
className={'img-responsive'}
src={github}
alt={'github'}
/>
<span>Report bugs & suggest improvements</span>
</a>
</li>
<li className={'dropdown-item'}>
Expand All @@ -236,51 +237,52 @@ class Main extends React.Component {
target="_blank"
rel="noopener noreferrer"
>
<span> Ask for help & discuss ideas</span>
<img
className={'img-responsive'}
src={discord}
alt={'discord'}
/>
<span>Ask for help & discuss ideas</span>
</a>
</li>
<li className={'dropdown-item'}>
Reach out to us directly{' '}
<a
className={styles.displayBlock}
href="mailto:support@hasura.io"
>
support@hasura.io
<a href="mailto:support@hasura.io">
<img
className={'img-responsive'}
src={mail}
alt={'mail'}
/>
<span>Reach out ({'support@hasura.io'})</span>
</a>
</li>
</div>
</ul>
</div>
{!this.state.loveConsentState.isDismissed
? [
<div
className={styles.shareSection + ' dropdown-toggle'}
data-toggle="dropdown"
aria-expanded="false"
>
<img
className={'img-responsive'}
src={pixHeart}
alt={'pix Heart'}
/>
{/* <i className={styles.heart + ' fa fa-heart'} /> */}
</div>,
<ul className={'dropdown-menu ' + styles.dropdown_menu}>
<div className={styles.dropdown_menu_container}>
<div className={styles.closeDropDown}>
<img
className={'img-responsive'}
src={closeIcon}
alt={'closeIcon'}
onClick={this.closeLoveIcon.bind(this)}
/>
</div>
{/*
<div
className={styles.shareSection + ' dropdown-toggle'}
data-toggle="dropdown"
aria-expanded="false"
>
<img
className={'img-responsive'}
src={pixHeart}
alt={'pix Heart'}
/>
{/* <i className={styles.heart + ' fa fa-heart'} /> */}
</div>,
<ul className={'dropdown-menu ' + styles.dropdown_menu}>
<div className={styles.dropdown_menu_container}>
<div className={styles.closeDropDown}>
<img
className={'img-responsive'}
src={closeIcon}
alt={'closeIcon'}
onClick={this.closeLoveIcon.bind(this)}
/>
</div>
{/*
<div className={styles.arrow_up_dropdown} />
<div className={styles.graphqlHeartText}>
Love GraphQL Engine? Shout it from the rooftops!
Expand All @@ -291,29 +293,29 @@ class Main extends React.Component {
</span>
</div>
*/}
<div className={styles.displayFlex}>
<li className={styles.pixelText1}>
<div className={styles.displayFlex}>
<li className={styles.pixelText1}>
Roses are red, Violets are blue; Hasura/GraphQL
star/tweet cos v love u {'<'}3
</li>
<li className={'dropdown-item'}>
<a
href="https://github.com/hasura/graphql-engine"
target="_blank"
rel="noopener noreferrer"
>
<div className={styles.socialIcon}>
<img
className="img img-responsive"
src={githubicon}
alt={'Github'}
/>
</div>
<div className={styles.pixelText}>
</li>
<li className={'dropdown-item'}>
<a
href="https://github.com/hasura/graphql-engine"
target="_blank"
rel="noopener noreferrer"
>
<div className={styles.socialIcon}>
<img
className="img img-responsive"
src={githubicon}
alt={'Github'}
/>
</div>
<div className={styles.pixelText}>
Star us on Github
</div>
</a>
{/*
</div>
</a>
{/*
<div className={styles.gitHubBtn}>
<iframe
title="github"
Expand All @@ -325,29 +327,29 @@ class Main extends React.Component {
/>
</div>
*/}
</li>
<li className={'dropdown-item '}>
<a
href="https://twitter.com/intent/tweet?hashtags=hasura,graphql,postgres&amp;text=Get%20Instant%20Realtime%20GraphQL%20APIs%20on%20PostgreSQL&amp;url=https%3A%2F%2Fgithub.com%2F/hasura%2Fgraphql-engine"
target="_blank"
rel="noopener noreferrer"
>
<div className={styles.socialIcon}>
<img
className="img img-responsive"
src={twittericon}
alt={'Twitter'}
/>
</div>
<div className={styles.pixelText}>
</li>
<li className={'dropdown-item '}>
<a
href="https://twitter.com/intent/tweet?hashtags=hasura,graphql,postgres&amp;text=Get%20Instant%20Realtime%20GraphQL%20APIs%20on%20PostgreSQL&amp;url=https%3A%2F%2Fgithub.com%2F/hasura%2Fgraphql-engine"
target="_blank"
rel="noopener noreferrer"
>
<div className={styles.socialIcon}>
<img
className="img img-responsive"
src={twittericon}
alt={'Twitter'}
/>
</div>
<div className={styles.pixelText}>
Tweet at us
</div>
</a>
</li>
</div>
</a>
</li>
</div>
</div>
</div>
</ul>,
]
</ul>,
]
: null}
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions console/src/components/Main/Main.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -846,7 +846,7 @@
}

.settingsIcon {
background: #495680;
background: #5668a4;
a {
text-decoration: none;
}
Expand Down Expand Up @@ -912,7 +912,7 @@
.pixelText
{
font-family: arcadeClassic;
font-size: 10px;
font-size: 20px;
text-transform: uppercase;
padding-top: 10px;
text-align: center;
Expand Down Expand Up @@ -965,7 +965,7 @@
{
width: 20px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
}
a:hover
Expand Down
35 changes: 35 additions & 0 deletions console/src/components/Main/mail.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit d7fa63d

Please sign in to comment.