├── .babelrc
├── .gitattributes
├── .gitignore
├── assets
└── icon.ico
├── bin
├── CSteamworks.dll
├── Steamworks.NET.dll
├── idler.exe
└── steam_api.dll
├── index.js
├── package.json
├── public
├── about.html
├── index.html
└── legacy.html
├── readme.md
├── src
├── About.js
├── App.js
├── Legacy.js
├── components
│ ├── Footer.js
│ ├── GameQueue.js
│ ├── LauncherForm
│ │ ├── GameInput.js
│ │ ├── GameModal.js
│ │ └── index.js
│ ├── LegacyForm.js
│ ├── UpdateModal.js
│ └── WindowControl
│ │ ├── Menu.js
│ │ └── index.js
├── index.js
├── launcher.js
└── styles
│ ├── btn.css
│ └── index.css
├── webpack.config.babel.js
└── yarn.lock
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["es2015", "react", "stage-3"]
3 | }
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | * text=auto
2 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | /dist
3 | /public/*.bundle.js
4 | /releases
5 | *.log
--------------------------------------------------------------------------------
/assets/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DevNvll/Steam-Idle/3e91b6e54431dd63a9d6da94687247f75c3edbd3/assets/icon.ico
--------------------------------------------------------------------------------
/bin/CSteamworks.dll:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DevNvll/Steam-Idle/3e91b6e54431dd63a9d6da94687247f75c3edbd3/bin/CSteamworks.dll
--------------------------------------------------------------------------------
/bin/Steamworks.NET.dll:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DevNvll/Steam-Idle/3e91b6e54431dd63a9d6da94687247f75c3edbd3/bin/Steamworks.NET.dll
--------------------------------------------------------------------------------
/bin/idler.exe:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DevNvll/Steam-Idle/3e91b6e54431dd63a9d6da94687247f75c3edbd3/bin/idler.exe
--------------------------------------------------------------------------------
/bin/steam_api.dll:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DevNvll/Steam-Idle/3e91b6e54431dd63a9d6da94687247f75c3edbd3/bin/steam_api.dll
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | const { app, BrowserWindow, Menu, ipcMain } = require("electron");
3 | const { autoUpdater } = require("electron-updater");
4 | const path = require("path");
5 |
6 | let mainWindow, aboutWindow, legacyWindow;
7 |
8 | process.env.NODE_ENV = process.env.NODE_ENV || "production";
9 | const isProduction = process.env.NODE_ENV === "production";
10 |
11 | function logToRender(msg) {
12 | mainWindow.webContents.send("log", msg);
13 | }
14 |
15 | function createWindow() {
16 | const browserOptions = {
17 | width: 500,
18 | height: 625,
19 | minWidth: 500,
20 | minHeight: 625,
21 | frame: !isProduction,
22 | backgroundColor: "#222",
23 | show: false
24 | };
25 | mainWindow = new BrowserWindow(browserOptions);
26 | mainWindow.loadURL("file://" + __dirname + "/public/index.html");
27 | mainWindow.on("close", () => {
28 | mainWindow = null;
29 | });
30 | mainWindow.once("ready-to-show", () => {
31 | if (!isProduction) mainWindow.openDevTools();
32 | mainWindow.show();
33 | });
34 | }
35 |
36 | function createAboutWindow() {
37 | const browserOptions = {
38 | width: 485,
39 | height: 175,
40 | backgroundColor: "#222",
41 | show: false,
42 | parent: mainWindow
43 | };
44 | aboutWindow = new BrowserWindow(browserOptions);
45 | aboutWindow.loadURL("file://" + __dirname + "/public/about.html");
46 | aboutWindow.on("close", () => {
47 | aboutWindow = null;
48 | });
49 | aboutWindow.once("ready-to-show", () => {
50 | aboutWindow.show();
51 | });
52 | }
53 |
54 | function createLegacyWindow() {
55 | const browserOptions = {
56 | width: 490,
57 | height: 225,
58 | backgroundColor: "#222",
59 | resizable: false,
60 | show: false
61 | };
62 | legacyWindow = new BrowserWindow(browserOptions);
63 | legacyWindow.loadURL("file://" + __dirname + "/public/legacy.html");
64 | legacyWindow.on("close", () => {
65 | legacyWindow = null;
66 | });
67 | legacyWindow.once("ready-to-show", () => {
68 | legacyWindow.show();
69 | });
70 | }
71 |
72 | ipcMain.on("open-about", () => {
73 | createAboutWindow();
74 | });
75 |
76 | ipcMain.on("open-legacy", () => {
77 | createLegacyWindow();
78 | });
79 |
80 | function onReady() {
81 | createWindow();
82 | if (isProduction) autoUpdater.checkForUpdates();
83 | }
84 |
85 | app.on("ready", onReady);
86 |
87 | app.on("window-all-closed", () => {
88 | if (process.platform !== "darwin") {
89 | app.quit();
90 | }
91 | });
92 |
93 | app.on("activate", () => {
94 | if (mainWindow === null) {
95 | createWindow();
96 | }
97 | });
98 |
99 | autoUpdater.on("update-available", (ev, info) => {
100 | logToRender("update-available");
101 | mainWindow.webContents.send("UPDATE_AVAILABLE");
102 | });
103 |
104 | autoUpdater.on("download-progress", (ev, progressObj) => {
105 | logToRender("download-progress");
106 | mainWindow.webContents.send("DOWNLOAD_PROGRESS", ev);
107 | });
108 |
109 | autoUpdater.on("update-downloaded", (ev, info) => {
110 | logToRender("update-downloaded");
111 | mainWindow.webContents.send("UPDATE_READY");
112 | ipcMain.on("ACCEPT_UPDATE", () => {
113 | autoUpdater.quitAndInstall();
114 | });
115 | });
116 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "steam-idle",
3 | "productName": "SteamIdle",
4 | "version": "2.0.0",
5 | "description": "A simple application for idling games on Steam.",
6 | "license": "MIT",
7 | "repository": {
8 | "type": "git",
9 | "url": "https://github.com/DevNvll/Steam-Idle.git"
10 | },
11 | "homepage": "https://github.com/DevNvll/Steam-Idle",
12 | "author": {
13 | "name": "Henrick Mello",
14 | "email": "devnoir@protonmail.com",
15 | "url": "DevNvll.github.io"
16 | },
17 | "scripts": {
18 | "start": "cross-env NODE_ENV=development electron .",
19 | "watch": "cross-env NODE_ENV=development webpack --config ./webpack.config.babel.js --watch",
20 | "start:watch": "concurrently -k \"npm run watch\" \"npm start\"",
21 | "clean": "rimraf dist",
22 | "precommit": "lint-staged",
23 | "build": "npm run clean && build --dir -w --ia32",
24 | "dist": "npm run clean && build -w --ia32",
25 | "publish": "npm run clean && build -w --ia32 -p always"
26 | },
27 | "build": {
28 | "win": {
29 | "icon": "./assets/icon.ico",
30 | "extraFiles": [
31 | "./bin"
32 | ]
33 | },
34 | "nsis": {
35 | "artifactName": "${name}-setup-${version}.${ext}"
36 | }
37 | },
38 | "lint-staged": {
39 | "*.js": [
40 | "prettier --write",
41 | "git add"
42 | ]
43 | },
44 | "dependencies": {
45 | "bootstrap": "^4.0.0-alpha.6",
46 | "electron-react-devtools": "^0.4.0",
47 | "electron-updater": "^1.14.3",
48 | "react": "^0.14.8",
49 | "react-addons-css-transition-group": "^15.5.2",
50 | "react-addons-transition-group": "^15.5.2",
51 | "react-autosuggest": "^9.0.1",
52 | "react-dom": "^0.14.7",
53 | "reactstrap": "^4.5.0",
54 | "styled-components": "^1.4.6"
55 | },
56 | "devDependencies": {
57 | "babel-core": "^6.13.2",
58 | "babel-loader": "^6.2.5",
59 | "babel-preset-es2015": "^6.6.0",
60 | "babel-preset-react": "^6.5.0",
61 | "babel-preset-stage-3": "^6.24.1",
62 | "babel-register": "^6.11.6",
63 | "concurrently": "^3.4.0",
64 | "cross-env": "^4.0.0",
65 | "css-loader": "^0.23.1",
66 | "electron": "^1.6.6",
67 | "electron-builder": "^17.1.2",
68 | "file-loader": "^0.9.0",
69 | "fs-extra": "^3.0.0",
70 | "husky": "^0.13.3",
71 | "json-loader": "^0.5.4",
72 | "lint-staged": "^3.4.1",
73 | "postcss-loader": "^0.10.1",
74 | "prettier": "^1.3.1",
75 | "rimraf": "^2.6.1",
76 | "style-loader": "^0.13.1",
77 | "url-loader": "^0.5.7",
78 | "webpack": "^1.13.2"
79 | }
80 | }
81 |
--------------------------------------------------------------------------------
/public/about.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | About
6 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Steam Idle
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/public/legacy.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Legacy Idler
6 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 | # Steam Idle
2 |
3 | > A simple tool for idling games on Steam.
4 |
5 | [](https://www.youtube.com/watch?v=C91TULNSYa4)
6 |
7 | A tool that let you idle any game in your Steam library.
8 |
9 | ## Download
10 |
11 | Visit the [releases](https://github.com/DevNvll/Steam-Idle/releases "Releases") page.
12 | *Windows Only.*
13 |
14 |
15 | ## Dev
16 | #### this is for development only. If you don't know what it is, you probably don't need this section
17 | The application is built on [electron](http://electron.atom.io/ "Electron").
18 |
19 | Install dependencies.
20 | ```
21 | $ npm install
22 | or
23 | $ yarn
24 | ```
25 | To start the application, run:
26 | ```
27 | $ npm start:watch
28 | ```
29 |
30 | ## Build
31 |
32 | ```
33 | $ npm run dist
34 | ```
35 |
36 | Builds the app for Windows using [electron-builder](https://github.com/electron-userland/electron-builder/).
37 |
38 |
39 | ## License
40 |
41 | MIT © [Henrick Mello](https://github.com/DevNvll)
42 |
--------------------------------------------------------------------------------
/src/About.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { render } from "react-dom";
3 | import { Container } from "reactstrap";
4 | import { shell, remote } from "electron";
5 | import "bootstrap/dist/css/bootstrap.min.css";
6 | import "./styles/index.css";
7 |
8 | class About extends Component {
9 | render() {
10 | return (
11 |
12 | Steam Idle {
16 | shell.openExternal("https://github.com/DevNvll");
17 | }}
18 | >
19 | DevNvll
20 | . {
24 | shell.openExternal("https://steamworks.github.io/");
25 | }}
26 | >
27 | Steamworks.NET
28 | , {
31 | shell.openExternal("https://facebook.github.io/react/");
32 | }}
33 | >
34 | React
35 | and {
38 | shell.openExternal("https://electron.atom.io");
39 | }}
40 | >
41 | Electron
42 | .Version {remote.app.getVersion()}
43 |
44 | );
45 | }
46 | }
47 |
48 | render(
73 |
81 |
82 |
84 | Steam Idle {remote.app.getVersion()}
85 |
86 |
88 |
100 |
101 | );
102 | }
103 | }
104 |
105 | export default App;
106 |
--------------------------------------------------------------------------------
/src/Legacy.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { render } from "react-dom";
3 | import { Container } from "reactstrap";
4 | import "bootstrap/dist/css/bootstrap.min.css";
5 | import "./styles/index.css";
6 |
7 | import LegacyForm from "./components/LegacyForm";
8 |
9 | class Legacy extends Component {
10 | render() {
11 | return (
12 |
13 | Legacy Steam Idler
16 | );
17 | }
18 | }
19 |
20 | render(
22 | This application was created with
23 | {" "}
24 | favorite
25 | {" "}
26 | by
27 | {" "}
28 |
60 | );
61 | }
62 | }
63 |
64 | export default Footer;
65 |
--------------------------------------------------------------------------------
/src/components/GameQueue.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { Media, Button } from "reactstrap";
3 |
4 | let RenderGames = ({ games, removeGame }) => (
5 |
6 | {games.map((game, i) => (
7 |
8 |
13 | (e.target.src =
14 | "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/apps/765/e41b9489145e521153eb6b02774bb7a7f519cee8.jpg")}
15 | style={{ maxWidth: "200px" }}
16 | />
17 |
18 |
19 |
20 | {game.name}
21 | {" "}
22 | ID: {game.appid}
23 | {" "}
24 | removeGame(i)}>
25 | X
26 |
27 |
28 |
29 |
30 | {(game.time > 0 && "Time: " + game.time + " Hours") ||
31 | "Unlimited time"}
32 |
33 |
34 |
35 | ))}
36 |
37 | );
38 |
39 | class GameQueue extends Component {
40 | render() {
41 | return (
42 |
49 |
54 | );
55 | }
56 | }
57 |
58 | export default GameQueue;
59 |
--------------------------------------------------------------------------------
/src/components/LauncherForm/GameInput.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import Autosuggest from "react-autosuggest";
3 |
4 | import { Input } from "reactstrap";
5 |
6 | function getSuggestionValue(suggestion) {
7 | return suggestion.name;
8 | }
9 |
10 | function renderSuggestion(suggestion) {
11 | return {suggestion.name} {suggestion.appid} ;
12 | }
13 |
14 | class GameInput extends Component {
15 | constructor() {
16 | super();
17 | this.state = {
18 | value: "",
19 | suggestions: []
20 | };
21 | this.suggestions = [];
22 |
23 | this.onSuggestionsFetchRequested = this.onSuggestionsFetchRequested.bind(
24 | this
25 | );
26 | this.handleSuggestionClick = this.handleSuggestionClick.bind(this);
27 | this.onChange = this.onChange.bind(this);
28 | this.onSuggestionsClearRequested = this.onSuggestionsClearRequested.bind(
29 | this
30 | );
31 | }
32 |
33 | onChange(event, { newValue, method }) {
34 | this.setState({
35 | value: newValue
36 | });
37 | }
38 |
39 | onSuggestionsFetchRequested({ value }) {
40 | this.suggestions = this.props.gameList
41 | .filter(appid => {
42 | return (
43 | appid.name.toLowerCase().slice(0, value.length) ===
44 | value.toLowerCase() ||
45 | appid.appid.toString().slice(0, value.length) === value.toLowerCase()
46 | );
47 | })
48 | .slice(0, 10);
49 | this.setState({
50 | suggestions: this.suggestions
51 | });
52 | }
53 |
54 | onSuggestionsClearRequested() {
55 | this.setState({
56 | suggestions: []
57 | });
58 | }
59 |
60 | handleSuggestionClick(e, { suggestion }) {
61 | this.setState({ value: "" });
62 | this.props.handleClickGame(suggestion);
63 | }
64 |
65 | render() {
66 | const { value, suggestions } = this.state;
67 | const inputProps = {
68 | placeholder: "Type an exact game name or appid.*",
69 | className: "form-control",
70 | value,
71 | onChange: this.onChange
72 | };
73 |
74 | return (
75 |
86 | );
87 | }
88 | }
89 |
90 | export default GameInput;
91 |
--------------------------------------------------------------------------------
/src/components/LauncherForm/GameModal.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import {
3 | Button,
4 | Modal,
5 | ModalHeader,
6 | FormGroup,
7 | Label,
8 | Input,
9 | ModalBody,
10 | ModalFooter
11 | } from "reactstrap";
12 |
13 | class GameModal extends Component {
14 | constructor(props) {
15 | super(props);
16 | this.state = {
17 | time: 0
18 | };
19 | this.handleAdd = this.handleAdd.bind(this);
20 | this.handleTime = this.handleTime.bind(this);
21 | }
22 |
23 | handleTime(e) {
24 | this.setState({ time: e.target.value });
25 | }
26 |
27 | handleAdd() {
28 | this.props.toggle();
29 | let gameObject = Object.assign({}, this.props.game, {
30 | time: this.state.time ? parseFloat(this.state.time) : 0
31 | });
32 | this.props.addGameToList(gameObject);
33 | }
34 |
35 | render() {
36 | return (
37 |
38 |
44 |
45 | {this.props.game.name} {this.props.game.appid}
46 |
47 |
48 |
49 |
50 | For how long you want to idle?
51 | {" "}
52 | (in hours, 0 for unlimited)
53 |
54 |
63 |
64 |
65 |
66 | Add game
67 |
68 | {" "}
69 |
70 | Cancel
71 |
72 |
73 |
74 |
75 | );
76 | }
77 | }
78 |
79 | export default GameModal;
80 |
--------------------------------------------------------------------------------
/src/components/LauncherForm/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { Button } from "reactstrap";
3 |
4 | import { launch } from "../../launcher";
5 |
6 | import GameInput from "./GameInput";
7 | import GameModal from "./GameModal";
8 | import GameQueue from "../GameQueue";
9 | import LegacyForm from "../LegacyForm";
10 |
11 | class LaunchForm extends Component {
12 | constructor() {
13 | super();
14 | this.state = {
15 | modalGame: {},
16 | modal: false,
17 | gameList: [],
18 | btnDisable: true,
19 | steamDown: false,
20 | time: 0
21 | };
22 | this.handleLaunch = this.handleLaunch.bind(this);
23 | this.handleClickGame = this.handleClickGame.bind(this);
24 | this.toggleModal = this.toggleModal.bind(this);
25 | }
26 |
27 | componentWillMount() {
28 | let _self = this;
29 | fetch("http://api.steampowered.com/ISteamApps/GetAppList/v0001")
30 | .then(response => {
31 | return response.json();
32 | })
33 | .then(json => {
34 | _self.setState({ gameList: json.applist.apps.app });
35 | })
36 | .catch(err => {
37 | _self.setState({ steamDown: true });
38 | });
39 | }
40 |
41 | handleLaunch() {
42 | launch(this.props.gamesToLaunch);
43 | this.props.clearQueue();
44 | }
45 |
46 | toggleModal() {
47 | this.setState({ modal: !this.state.modal });
48 | }
49 |
50 | handleClickGame(game) {
51 | this.setState({ modal: true, modalGame: game });
52 | }
53 |
54 | render() {
55 | return (
56 |
57 | {(this.state.steamDown &&
58 | * always check if the appid is correct. }
65 |
74 | 0}
78 | onClick={this.handleLaunch}
79 | >
80 | Start
81 |
82 | {" "}
83 | 0}
87 | onClick={this.props.clearQueue}
88 | >
89 | Clear Queue
90 |
91 | }
92 |
29 |
37 | Steam API is currently down or you are not connected to the internet. This is the legacy steam idle.
38 | }
39 |
41 |
42 | Start
43 |
44 |
45 |
46 | );
47 | }
48 | }
49 |
50 | export default LegacyForm;
51 |
--------------------------------------------------------------------------------
/src/components/UpdateModal.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from "reactstrap";
3 | import { ipcRenderer } from "electron";
4 |
5 | class UpdateModal extends Component {
6 | constructor() {
7 | super();
8 | this.handleUpdate = this.handleUpdate.bind(this);
9 | }
10 |
11 | handleUpdate() {
12 | ipcRenderer.send("ACCEPT_UPDATE");
13 | }
14 |
15 | render() {
16 | return (
17 |
18 |
24 |
25 | Update available
26 |
27 |
28 | A new update is available. Do you want to install now?
29 |
30 |
31 |
32 | Restart and Install
33 |
34 | {" "}
35 |
36 | Later
37 |
38 |
39 |
40 |
41 | );
42 | }
43 | }
44 |
45 | export default UpdateModal;
46 |
--------------------------------------------------------------------------------
/src/components/WindowControl/Menu.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import styled from "styled-components";
3 | import { remote, ipcRenderer } from "electron";
4 | import { Dropdown, DropdownMenu, DropdownItem } from "reactstrap";
5 |
6 | let window = remote.getCurrentWindow();
7 |
8 | const MenuIcon = styled.div`
9 | font-size: 28px;
10 | color: #fff;
11 | opacity: 0.5;
12 | padding: 10px;
13 | cursor: default;
14 | -webkit-app-region: no-drag;
15 | &:hover {
16 | opacity: 1;
17 | }
18 | `;
19 |
20 | class Menu extends Component {
21 | constructor(props) {
22 | super(props);
23 | this.state = {
24 | dropdownOpen: false
25 | };
26 | this.toggle = this.toggle.bind(this);
27 | this.openGithub = this.openGithub.bind(this);
28 | this.openAbout = this.openAbout.bind(this);
29 | this.openLegacy = this.openLegacy.bind(this);
30 | }
31 |
32 | toggle() {
33 | this.setState({
34 | dropdownOpen: !this.state.dropdownOpen
35 | });
36 | }
37 |
38 | openLegacy() {
39 | ipcRenderer.send("open-legacy");
40 | }
41 |
42 | openGithub() {
43 | remote.shell.openExternal("https://github.com/DevNvll/Steam-Idle");
44 | }
45 |
46 | openAbout() {
47 | ipcRenderer.send("open-about");
48 | }
49 |
50 | render() {
51 | return (
52 |
53 |
59 | menu
60 |
61 |
62 |
63 | Steam Idle {this.props.version}
64 |
65 | Legacy Idler
66 | GitHub
68 | About
69 |
70 |
71 | );
72 | }
73 | }
74 |
75 | export default Menu;
76 |
--------------------------------------------------------------------------------
/src/components/WindowControl/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { remote } from "electron";
3 | import styled, { keyframes } from "styled-components";
4 | import { Dropdown, DropdownMenu, DropdownItem, Tooltip } from "reactstrap";
5 |
6 | import Menu from "./Menu";
7 |
8 | const rotate360 = keyframes`
9 | from {
10 | transform: rotate(0deg);
11 | }
12 |
13 | to {
14 | transform: rotate(360deg);
15 | }
16 | `;
17 |
18 | const Rotate = styled.div`
19 | display: inline-block;
20 | animation: ${rotate360} 2s linear infinite;
21 | `;
22 |
23 | const Frame = styled.div`{
24 | display: flex;
25 | align-items: center;
26 | background: #222;
27 | height: 50px;
28 | -webkit-app-region: drag;
29 | }`;
30 |
31 | const Icons = styled.div`
32 | margin-left: auto;
33 | padding: 10px;
34 | font-size: 28px;
35 | color: #fff;
36 | `;
37 |
38 | const Icon = styled.i`{
39 | padding: 5px;
40 | cursor: default;
41 | opacity: 0.5;
42 | -webkit-app-region: no-drag;
43 | &:hover {
44 | opacity: 1;
45 | }
46 | }`;
47 |
48 | class WindowControl extends Component {
49 | constructor(props) {
50 | super(props);
51 | this.state = {
52 | dropdownOpen: false,
53 | tooltipOpen: false
54 | };
55 | this.toggle = this.toggle.bind(this);
56 | this.handleClose = this.handleClose.bind(this);
57 | this.handleMin = this.handleMin.bind(this);
58 | this.toggleTip = this.toggleTip.bind(this);
59 | }
60 |
61 | toggle() {
62 | this.setState({
63 | dropdownOpen: !this.state.dropdownOpen
64 | });
65 | }
66 |
67 | handleClose() {
68 | remote.BrowserWindow.getFocusedWindow().close();
69 | }
70 |
71 | handleMin() {
72 | remote.BrowserWindow.getFocusedWindow().minimize();
73 | }
74 |
75 | toggleTip() {
76 | this.setState({
77 | tooltipOpen: !this.state.tooltipOpen
78 | });
79 | }
80 |
81 | render() {
82 | return (
83 |
86 | {this.props.updateAvailable &&
87 |
92 | file_download
93 | }
94 | {this.props.downloadingUpdate &&
95 |
96 |
97 |
102 | cached
103 |
104 |
105 |
111 | Downloading Update.
112 | {" "}
113 | {Math.floor(this.props.updateProgress.percent)}
114 | %
115 |
116 | }
117 |
118 |
123 | remove
124 |
125 |
126 | close
127 |
128 |
129 |
130 | );
131 | }
132 | }
133 |
134 | export default WindowControl;
135 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { render } from "react-dom";
3 | import App from "./App";
4 | import "bootstrap/dist/css/bootstrap.min.css";
5 | import "./styles/index.css";
6 |
7 | render(