nickzuber/meteorite
1
1
Fork 0
mirror of https://github.com/nickzuber/meteorite.git synced 2024-11-25 07:04:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

Icon changes

Browse Source
This commit is contained in:
Nicholas Zuber 2019-04-04 00:16:37 -04:00
parent 0357020374
commit a43aa375a3
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/NotificationsRedesign/redesign/Scene.js
View File

@ -26,7 +26,7 @@ const Mode = {
ALL: 0,
HOT: 1,
COMMENTS: 2,
OLD: 2,
OLD: 3
};
// ========================================================================
@ -1100,12 +1100,13 @@ export default function Scene ({
const hasNotificationsOn = notificationsPermission === 'granted';
const [menuOpen, setMenuOpen] = React.useState(false);
const [dropdownOpen, setDropdownOpen] = React.useState(false);
const [mode, setMode] = React.useState(Mode.ALL);
const [counts, setCounts] = React.useState({
cur: readTodayCount,
prev: readTodayLastWeekCount
});
// @TODO this needs to live in the index too so we can adjust the counts AND the pages.
const [mode, setMode] = React.useState(Mode.ALL);
if (mode === Mode.HOT) {
notifications = notifications.filter(item => console.warn(item.badges) || item.badges.includes(Badges.HOT));
} else if (mode === Mode.COMMENTS) {
@ -1122,8 +1123,6 @@ export default function Scene ({
const highestRepoReadCount = Object.values(reposReadCounts).reduce((h, c) => Math.max(h, c), 0);
const colorOfRepoCount = createColorOfScore(0, highestRepoReadCount);
// order repo count by highest
const data = [
{name: 'Sunday', cur: thisWeekStats[0], prev: lastWeekStats[0]},
{name: 'Monday', cur: thisWeekStats[1], prev: lastWeekStats[1]},
@ -1197,10 +1196,10 @@ export default function Scene ({
position: absolute !important;
left: 50%;
margin-left: -18px;
opacity: 0.6;
opacity: 0.35;
transition: all 200ms ease;
&:hover {
opacity: 0.7;
opacity: 0.5;
}
`}
onClick={() => window.scrollTo(0, 0)}
@ -1222,7 +1221,7 @@ export default function Scene ({
onChange={setMode}
style={{margin: '8px 0'}}
>
<i className="fas fa-seedling"></i>
<i className="fas fa-leaf"></i>
</MenuIconItem>
<MenuIconItem
mode={Mode.HOT}
@ -1240,7 +1239,16 @@ export default function Scene ({
onChange={setMode}
style={{margin: '8px 0'}}
>
<i className="fas fa-splotch"></i>
<i className="fas fa-users"></i>
</MenuIconItem>
<MenuIconItem
mode={Mode.OLD}
primary="#4C84FF"
selected={mode === Mode.OLD}
onChange={setMode}
style={{margin: '8px 0'}}
>
<i className="fas fa-hourglass-half"></i>
</MenuIconItem>
</MenuContainerItem>
<ContentItem>
@ -1304,9 +1312,9 @@ export default function Scene ({
}}>
<IconLink>
{hasNotificationsOn ? (
<i class="fas fa-bell"></i>
<i className="fas fa-bell"></i>
) : (
<i class="fas fa-bell-slash"></i>
<i className="fas fa-bell-slash"></i>
)}
</IconLink>
</li>