diff --git a/public/icon-black.png b/public/icon-black.png new file mode 100644 index 0000000..b0ceef2 Binary files /dev/null and b/public/icon-black.png differ diff --git a/public/index.html b/public/index.html index 7507ef6..706ab2d 100644 --- a/public/index.html +++ b/public/index.html @@ -2,9 +2,9 @@
- + - +Log in with GitHub and we'll start organizing and sorting all of your notifications.
diff --git a/src/pages/Notifications/Scene.js b/src/pages/Notifications/Scene.js index 31cfcfd..3576beb 100644 --- a/src/pages/Notifications/Scene.js +++ b/src/pages/Notifications/Scene.js @@ -23,20 +23,21 @@ import '../../styles/gradient.css'; * - MENTION -> 8 * - ASSIGN -> 14 * - REVIEW_REQUESTED -> 20 - * - SUBSCRIBED -> 6 + * - SUBSCRIBED -> 3 * - AUTHOR -> 8 * - OTHER -> 2 * * There are some rules that go to giving out these scores, primarily being the * first time we see one of these unique reasons, we award the notification with * the respective score, but a reason that transitions into itself will be awarded - * the score of `OTHER`. For example: + * a degraded score of min(ceil(n/3), 2). For example: * - * - null, MENTION, MENTION -> 0, 8, 2 - * - null, ASSIGN, ASSIGN, REVIEW_REQUESTED, -> 0, 14, 2, 20 - * - null, SUBSCRIBED, SUBSCRIBED, SUBSCRIBED -> 0, 6, 2, 2 + * - null, MENTION, MENTION -> 0, 8, 3 + * - null, ASSIGN, ASSIGN, REVIEW_REQUESTED, -> 0, 14, 5, 20 + * - null, SUBSCRIBED, SUBSCRIBED, SUBSCRIBED -> 0, 3, 2, 2 * - * @param {Object} notification Some notification to sort. + * @param {Object} notification Some notification to score. + * @return {number} The score. */ function scoreOf (notification) { return notification.reasons.length @@ -113,7 +114,7 @@ const SidebarLink = styled('a')({}, ({active, color}) => ({ transition: 'background 0.12s ease-in-out', display: 'flex', background: active ? color : 'none', - color: active ? '#fff' : '#1a1a1a', + color: active ? '#fff' : '#202124', ':hover': { background: active ? color: 'rgba(200, 200, 200, .25)' }, @@ -248,7 +249,7 @@ const NotificationTitle = styled('span')({ const Repository = styled('span')({ fontWeight: 500, marginLeft: 10, - fontSize: 15 + fontSize: 14 }); const PRIssue = styled(Repository)({ @@ -279,7 +280,7 @@ const TableItem = styled('td')({ })); function getPRIssueIcon (type, reasons) { - const grow = 1.2; + const grow = 1.0; switch (type) { case 'PullRequest': @@ -448,12 +449,6 @@ export default function Scene ({+ No {activeStatus.toLowerCase()} notifications
++ 🎉 You're all set here for the moment
+