Update homepage copy

This commit is contained in:
Nicholas Zuber 2018-11-10 22:55:30 -05:00
parent eeb8b48096
commit 4b1e0681be
2 changed files with 34 additions and 33 deletions

View File

@ -679,30 +679,30 @@ export default function Scene ({loggedIn, onLogout, ...props}) {
<Item style={{flex: '0 0 2.5%', padding: 0}} />
<Item className="item-text">
<ItemText>
<Icon.NotificationsOn style={{filter: 'invert(1)'}} />
<p>web notifications</p>
<Icon.Rank style={{filter: 'invert(1)'}} />
<p>Scores your notifications based on their importance, so we can surface the most critical updates at the top of your queue.</p>
</ItemText>
<ItemText>
<Icon.Sync style={{filter: 'invert(1)'}} />
<p>tells you why you got the notification</p>
<p>Provides you with quick context for why you're receiving each notification.</p>
</ItemText>
<ItemText>
<Icon.Rank style={{filter: 'invert(1)'}} />
<p>sorts by importance</p>
<Icon.NotificationsOn style={{filter: 'invert(1)'}} />
<p>Allows you to opt in for web notifications whenever you recieve important update to help notify you right away.</p>
</ItemText>
</Item>
<Item className="item-text">
<ItemText>
<Icon.Shield style={{filter: 'invert(1)'}} />
<p>Protects you from the notifications you don't care about.</p>
<p>Protects you from useless spammy notifications that you don't care about.</p>
</ItemText>
<ItemText>
<Icon.Headphones style={{filter: 'invert(1)'}} />
<p>gives you the option to focus on specific things like review requested, assigned, etc</p>
<p>Let's you focus in on specific types of notifications that matter to you, like when your review is requested for a pull request or you were assigned an issue.</p>
</ItemText>
<ItemText>
<Icon.Bubbles style={{filter: 'invert(1)'}} />
<p>get stats on how many notifications you triage each day</p>
<p>Unlocks dope statistics that help you understand how you interact with notifications on a daily basis.</p>
</ItemText>
</Item>
<Item style={{flex: '0 0 2.5%', padding: 0}} />
@ -735,7 +735,7 @@ export default function Scene ({loggedIn, onLogout, ...props}) {
</a>
<br />
Home page inspiration from
<a target="_blank" href="https://getkap.io/">
<a target="_blank" href="https://getkap.co/">
Kap
</a>
<br />

View File

@ -550,6 +550,7 @@ export default function Scene ({
<Icon.Search size={48} opacity={.45} />
<EnhancedSearchInput
disabled={loading}
onClick={event => event.target.select()}
type="text"
placeholder="Search for notifications"
onEnter={onSearch}
@ -673,8 +674,8 @@ export default function Scene ({
borderRadius: 4,
height: 100,
fontSize: 11,
color: 'rgba(36, 41, 46, 0.75)',
fontStyle: 'italic'
// color: 'rgba(36, 41, 46, 0.75)',
// fontStyle: 'italic'
}}>
<Icon.Bubbles style={{display: 'inline-block', verticalAlign: 'middle'}} shrink={.6} />
statistics coming soon
@ -700,28 +701,6 @@ export default function Scene ({
onClick={!loading ? (() => onFetchNotifications()) : undefined}
/>
</EnhancedTab>
<EnhancedTab tooltip={!loading ? "Mark all as read" : null} disabled={loading}>
<Icon.DoneAll
opacity={0.9}
onClick={!loading ? (() => {
const response = window.confirm('Are you sure you want to mark all your notifications as read?');
if (response) {
onMarkAllAsStaged();
}
}) : undefined}
/>
</EnhancedTab>
<EnhancedTab tooltip={!loading ? "Delete all of your notifications from the cache" : null} disabled={loading}>
<Icon.Trash
opacity={0.9}
onClick={!loading ? (() => {
const response = window.confirm('Are you sure you want to clear the cache?');
if (response) {
onClearCache();
}
}) : undefined}
/>
</EnhancedTab>
<EnhancedTab
tooltip={!loading ? (
notificationsPermission === 'granted'
@ -745,6 +724,28 @@ export default function Scene ({
}) : undefined}
/>
</EnhancedTab>
<EnhancedTab tooltip={!loading ? "Mark all as read" : null} disabled={loading}>
<Icon.DoneAll
opacity={0.9}
onClick={!loading ? (() => {
const response = window.confirm('Are you sure you want to mark all your notifications as read?');
if (response) {
onMarkAllAsStaged();
}
}) : undefined}
/>
</EnhancedTab>
<EnhancedTab tooltip={!loading ? "Delete all of your notifications from the cache" : null} disabled={loading}>
<Icon.Trash
opacity={0.9}
onClick={!loading ? (() => {
const response = window.confirm('Are you sure you want to clear the cache?');
if (response) {
onClearCache();
}
}) : undefined}
/>
</EnhancedTab>
{query ? (
<React.Fragment>
<div style={{display: 'inline-block'}} className="button-container-alt">