Readded info-screen

.travis.yml

@@ -24,12 +24,3 @@ deploy:
   on:
     branch: master
   skip_cleanup: true
-notifications:
-  irc:
-    channels:
-      - "chat.freenode.net#datbots"
-    template:
-      - "%{repository_slug} - %{commit_subject} - %{result} - %{build_url}"
-    skip_join: true
-    on_success: change
-    on_failure: always

CONTRIBUTING.md

@@ -15,4 +15,8 @@ If there is no issue that describes your poblem, go ahead and [open a new issue]
 2. What operating system and processor architecture are you using?
 3. What did you do?
 4. What did you expect to see?
-5. What did you see instead?
+5. What did you see instead?
+
+## Pull Requests
+
+Please give 2 week days of time for reviews on each Pull Request, as we are a distributed team of non-fulltime contributors.

README.md

@@ -13,7 +13,7 @@
       alt="Build Status" />
   </a>
   <!-- Standard -->
-  <a href="https://codecov.io/github/yoshuawuyts/choo">
+  <a href="https://standardjs.com">
     <img src="https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat-square"
       alt="Standard" />
   </a>

app/actions/index.js

@@ -328,3 +328,7 @@ const storeOnDisk = async () => {
   await writeFile(`${dir}/dats.json`, JSON.stringify(datsState))
   await writeFile(`${dir}/paused.json`, JSON.stringify(pausedState))
 }
+
+export const toggleMenu = visible => dispatch => {
+  dispatch({ type: 'TOGGLE_MENU', visible })
+}

app/components/button.js

@@ -21,6 +21,7 @@ const BaseButton = styled.button`
 
 const HeaderButton = BaseButton.extend`
   color: var(--color-neutral-30);
+  height:2rem;
   :hover,
   :focus {
     color: var(--color-white);

app/components/dat-import.js

@@ -16,9 +16,10 @@ const Label = styled.label`
   }
   input {
     height: 2rem;
-    width: 7.25rem;
+    width: 7.5rem;
     padding-right: 0.5rem;
     padding-left: 2rem;
+    border-radius:2px;
     border: 1px solid transparent;
     background-color: transparent;
     color: var(--color-neutral-30);

app/components/header.js

@@ -2,6 +2,8 @@
 
 import React from 'react'
 import styled from 'styled-components'
+import { transparentize } from 'polished'
+import { neutral } from 'dat-colors'
 import { default as DatImport } from '../containers/dat-import'
 import * as Button from './button'
 import Icon from './icon'
@@ -12,21 +14,53 @@ const Container = styled.header`
   -webkit-app-region: drag;
   background-color: var(--color-neutral);
   color: var(--color-white);
+  z-index: 4;
 `
 
-const Header = ({ onShare }) => (
-  <Container>
+const HideLayer = styled.div`
+  position: absolute;
+  background: ${transparentize(0.85, neutral)};
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 5;
+`
+
+const Header = ({ onShare, onMenu, onReport, menuVisible, version }) => {
+  const toggleMenu = () => onMenu(!menuVisible)
+  return <Container>
+    { menuVisible && <HideLayer onClick={toggleMenu} /> }
     <div className='fr relative'>
       <DatImport />
       <Button.Header
         icon={<Icon name='create-new-dat' style={{ width: '1.2em' }} />}
-        className='ml2 ml3-l b--transparent v-mid color-neutral-30 hover-color-white f7 f6-l'
+        className='b--transparent v-mid color-neutral-30 hover-color-white f7 f6-l'
         onClick={onShare}
       >
         Share Folder
       </Button.Header>
+      <Button.Header
+        icon={<Icon name='menu' style={{ width: '1.2em' }} />}
+        className='ml2 v-mid color-neutral-20 hover-color-white pointer'
+        onClick={toggleMenu}
+      >
+      </Button.Header>
+      { menuVisible &&
+        <div className="absolute right-0 br1 w5 pa3 bg-neutral" style={{ top: '3rem', zIndex: 6 }}>
+          <h3 className="f6 f5-l mb2">
+            Dat Desktop {version}
+          </h3>
+          <p className="f6 f5-l mb3">
+            Dat Desktop is a peer to peer sharing app built for humans by humans.
+          </p>
+          <p className="f6 f5-l">
+            <a onClick={onReport} href="#" className="color-neutral-50  hover-color-neutral-70">Report Bug</a>
+          </p>
+        </div>
+      }
     </div>
   </Container>
-)
+}
 
 export default Header

app/components/status-bar.js

@@ -6,7 +6,7 @@ const Bar = styled.div`
   position: absolute;
   bottom: 0;
   width: 100%;
-  padding: 0.5rem 1rem;
+  padding: .5rem 1rem .75rem;
   background-color: var(--color-neutral-04);
   color: var(--color-neutral-60);
 `

app/components/status.js

@@ -7,7 +7,7 @@ import bytes from 'prettier-bytes'
 const ProgressBar = styled.div`
   --progress-height: 0.5rem;
   --bar-height: var(--progress-height);
-  --counter-width: 2.5rem;
+  --counter-width: 3.0rem;
   --tile-width: 28px;
   --stripe-width: 5px;
   min-width: 8rem;

app/components/table-row.js

@@ -56,8 +56,10 @@ const IconContainer = styled.div`
     color: var(--color-neutral-20);
     svg {
       vertical-align: middle;
-      width: 1.1em;
+      width: 0.75em;
       max-height: 1.6em;
+      margin-top: -0.05em;
+      margin-right: 5px;
       @media (min-width: 960px) {
         width: 1.4em;
       }
@@ -124,7 +126,7 @@ const LinkButton = ({ ...props }) => (
 const DeleteButton = ({ ...props }) => (
   <Button.Icon
     icon={<Icon name='delete' />}
-    className='row-action'
+    className='row-action mr2'
     {...props}
   />
 )

app/containers/header.js

@@ -1,11 +1,17 @@
 import Header from '../components/header'
-import { createDat } from '../actions'
+import { createDat, toggleMenu } from '../actions'
 import { connect } from 'react-redux'
+import { shell } from 'electron'
 
-const mapStateToProps = state => ({})
+const mapStateToProps = state => ({
+  menuVisible: state.menu.visible,
+  version: state.version
+})
 
 const mapDispatchToProps = dispatch => ({
-  onShare: () => dispatch(createDat())
+  onShare: () => dispatch(createDat()),
+  onMenu: (visible) => dispatch(toggleMenu(visible)),
+  onReport: () => shell.openExternal('https://github.com/dat-land/dat-desktop/issues/')
 })
 
 const HeaderContainer = connect(mapStateToProps, mapDispatchToProps)(Header)

app/reducers/index.js

@@ -22,6 +22,10 @@ const defaultState = {
   intro: {
     screen: 1
   },
+  version: require('../../package.json').version,
+  menu: {
+    visible: false
+  },
   titleEditInPlace: {
     isEditing: false,
     editValue: null
@@ -314,6 +318,14 @@ const redatApp = (state = defaultState, action) => {
           }
         }
       }
+    case 'TOGGLE_MENU':
+      return {
+        ...state,
+        menu: {
+          ...state.menu,
+          visible: action.visible
+        }
+      }
     default:
       return state
   }

appveyor.yml

@@ -1,4 +1,6 @@
 environment:
+  ELECTRON_ENABLE_STACK_DUMPING: 'true'
+  DEBUG: '*,-nugget*,-eslint*,-extract-zip*,-sumchecker*,-electron-download*,-dependency-check*'
   matrix:
     - nodejs_version: "8"
 

package.json

@@ -40,6 +40,7 @@
     "electron-default-menu": "^1.0.1",
     "mirror-folder": "^2.1.1",
     "ms": "^2.1.1",
+    "polished": "^1.9.2",
     "prettier-bytes": "^1.0.4",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",