diff --git a/src/js/components/file/index.jsx b/src/js/components/file/index.jsx index 2ba03ab..6c9f2f1 100644 --- a/src/js/components/file/index.jsx +++ b/src/js/components/file/index.jsx @@ -49,10 +49,12 @@ class File extends React.Component { const index = filter ? (name.toLowerCase() || '').indexOf(filter.toLowerCase()) : -1 const highlightedName = (index === -1) ? name : this.getHighlight({ name, filter, index }) + + const backgroundHighlightColor = '#E6FFED' return ( -
- +
+ {highlightedName} {options.diffStats && diffStats && } {hasComments diff --git a/src/js/components/options/index.jsx b/src/js/components/options/index.jsx index 00a1103..0a25faa 100644 --- a/src/js/components/options/index.jsx +++ b/src/js/components/options/index.jsx @@ -47,6 +47,15 @@ class Options extends React.Component { /> Show Diff Stats next to files +
) diff --git a/src/js/lib.js b/src/js/lib.js index e459cd0..ff4ec7f 100644 --- a/src/js/lib.js +++ b/src/js/lib.js @@ -204,8 +204,10 @@ export const StorageSync = { save () { return new Promise(resolve => { const diffStats = document.getElementById('diffStats').checked + const viewedFileBackground = document.getElementById('viewedFileBackground').checked const options = { - diffStats + diffStats, + viewedFileBackground } if (window.chrome) { @@ -218,7 +220,8 @@ export const StorageSync = { get () { return new Promise(resolve => { const defaults = { - diffStats: false + diffStats: false, + viewedFileBackground: false } if (window.chrome) { window.chrome.storage.sync.get(defaults, resolve)