fix: 🐛 Small bugs

.gitignore

@@ -1,4 +1,5 @@
 /node_modules/
 /release/
 /dist/
-/build/
+/build/
+/.env

electron/main.ts

@@ -5,6 +5,7 @@ import {
   nativeImage,
   shell
 } from 'electron'
+import { autoUpdater } from 'electron-updater'
 import contextMenu from 'electron-context-menu'
 import installExtension, {
   REACT_DEVELOPER_TOOLS
@@ -16,8 +17,6 @@ import * as url from 'url'
 import Window from '../src/utils/window'
 import { getSystemColorPalette } from './getSystemColorPalette'
 
-import { autoUpdater } from 'electron-updater'
-
 autoUpdater.on('checking-for-update', () => {
   sendStatusToWindow('Procurando pr atualizações...')
 })
@@ -47,7 +46,7 @@ let mainWindow: Electron.BrowserWindow // | null
 let webContents: Electron.WebContents
 
 function sendStatusToWindow (text) {
-  // webContents.send('message', text)
+  webContents.send('message', text)
 }
 
 getSystemColorPalette()

package.json

@@ -1,12 +1,21 @@
 {
   "name": "icons-manager",
-  "version": "1.0.1",
+  "version": "1.0.2-snapshot",
   "description": "Gerenciador de ícones, feito por Solrachix",
+  "homepage": "https://github.com/solrachix/icons-manager#readme",
   "keywords": [
     "icons-manager"
   ],
   "license": "MIT",
-  "author": "Carlos Miguel <carlos.miguel.oliveira.17@gmail.com>",
+  "author": "Carlos Miguel <carlos.miguel.oliveira.17@gmail.com> (https://solrachix.app)",
+  "bugs": {
+    "url" : "https://github.com/solrachix/icons-manager/issues",
+    "email" : "carlos.miguel.oliveira.17@gmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/solrachix/icons-manager.git"
+  },
   "main": "./dist/app.js",
   "scripts": {
     "build": "rimraf dist && npm-run-all -p build:*",
@@ -123,25 +132,47 @@
       "dist/",
       "build/"
     ],
-    "icon": "",
+    "icon": "dist/renderer/icon.ico",
     "mac": {
-      "category": "public.app-category.utilities"
+      "category": "public.app-category.utilities",
+      "publish": [
+        "github"
+      ]
     },
     "linux": {
       "target": [
         "AppImage"
       ],
-      "category": "Network"
+      "category": "Utility",
+      "publish": [
+        "github"
+      ]
     },
     "win": {
       "asar": false,
-      "target": "nsis",
+      "target": [
+        {
+          "target": "nsis",
+          "arch": [
+            "x64",
+            "ia32"
+          ]
+        }
+      ],
       "icon": "dist/renderer/icon.ico",
       "publish": [
-        "github",
-        "bitbucket"
+        "github"
       ]
     },
+    "publish": [
+      {
+        "provider": "github",
+        "owner": "solrachix",
+        "repo": "icons-manager",
+        "releaseType": "draft",
+        "private": false
+      }
+    ],
     "nsis": {
       "installerIcon": "dist/renderer/icon.ico",
       "installerHeaderIcon": "dist/renderer/icon.ico",

src/components/ContextMenu.tsx

@@ -106,7 +106,11 @@ function ContextMenu ({ iconLibSelected }: Props, ref: any) {
       {iconLibSelected?.projectUrl && (
         <>
           <Separator />
-          <Item onClick={() => shell.openExternal(iconLibSelected?.projectUrl)}>
+          <Item
+            onClick={() =>
+              shell.openExternal(String(iconLibSelected?.projectUrl))
+            }
+          >
             Ir para o site
           </Item>
         </>

src/components/PickerColor/styles.ts

@@ -2,11 +2,11 @@ import styled from 'styled-components'
 
 export const Container = styled.div`
   width: 12%;
+  margin-left: 1rem;
 
   button {
     width: 100%;
     padding: 0.2rem 0.8rem;
-    margin-left: 1rem;
 
     border: 1px solid ${(props) => props.theme.colors.background.darker};
     background: transparent;

src/components/Toast/index.tsx

@@ -1,24 +1,19 @@
-import React, { useEffect, useCallback } from 'react'
-import {
-  FiAlertCircle,
-  FiCheckCircle,
-  FiInfo,
-  FiXCircle
-} from 'react-icons/fi'
+import React, { useEffect, useCallback, useState } from 'react'
+import { FiAlertCircle, FiCheckCircle, FiInfo, FiXCircle } from 'react-icons/fi'
 import { useWindow } from '../../context/window'
 
 import { Container } from './styles'
 
 export interface ToastMessage {
-  id: string;
-  type: 'success' | 'error' | 'info';
-  title: string;
-  description?: string;
+  id: string
+  type: 'success' | 'error' | 'info'
+  title: string
+  description?: string
 }
 
 interface ToastProps {
-  toast: ToastMessage;
-  style: any;
+  toast: ToastMessage
+  style: any
 }
 
 const icons = {
@@ -29,27 +24,30 @@ const icons = {
 
 const Toast: React.FC<ToastProps> = ({ toast, style }) => {
   const { removeToast } = useWindow().Toast
+  const [time, setTime] = useState(4000)
 
-  const closeToast = useCallback(() => removeToast(toast.id), [
-    removeToast,
-    toast.id
-  ])
+  const closeToast = useCallback(
+    () => removeToast(toast.id),
+    [removeToast, toast.id]
+  )
 
   useEffect(() => {
     const timer = setTimeout(() => {
       closeToast()
-    }, 4000)
+    }, time)
 
     return (): void => {
       clearTimeout(timer)
     }
-  }, [closeToast])
+  }, [closeToast, time])
 
   return (
     <Container
       type={toast.type}
       hasDescription={!!toast.description}
       style={style}
+      onMouseMove={() => setTime(100000)}
+      onMouseLeave={() => setTime(2000)}
     >
       {icons[toast.type]}
 

src/components/Toast/styles.ts

@@ -25,20 +25,22 @@ export const Container = styled(animated.div)<ContainerProps>`
     }
 
     return css`
+      position: relative;
+
       width: 320px;
+      padding: 1rem 1.8rem 1rem 1rem;
+      margin: 0 1.5rem 0.5rem 0;
 
-      position: relative;
-      padding: 16px 30px 16px 16px;
-      margin: 0 24px 8px 0;
       border-radius: 4px;
-      box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
+      box-shadow: 2px 2px 0.5rem rgba(0, 0, 0, 0.2);
+      backdrop-filter: blur(0.4rem);
 
       display: flex;
 
       ${toastTypes[props.type]}
 
       &:first-child {
-        margin-top: 24px;
+        margin-top: 2.5rem;
       }
 
       svg {
@@ -63,8 +65,8 @@ export const Container = styled(animated.div)<ContainerProps>`
 
       button {
         position: absolute;
-        right: 8px;
-        top: 18px;
+        right: 0.5rem;
+        top: 1.2rem;
         opacity: 0.6;
         border: 0;
         background: transparent;

src/context/updater.tsx

@@ -1,6 +1,7 @@
 import * as Electron from 'electron'
 
-import React, { createContext, useState, useEffect } from 'react'
+import React, { createContext, useEffect } from 'react'
+import { useWindow } from './window'
 
 interface UpdaterProviderProps {
   children: React.ReactNode
@@ -11,9 +12,15 @@ const UpdaterContext = createContext(null)
 export function UpdaterProvider ({
   children
 }: UpdaterProviderProps): React.ReactElement {
+  const { Toast } = useWindow()
+
   useEffect(() => {
     Electron.ipcRenderer.on('message', (event, text) => {
-      console.log(text)
+      Toast.addToast({
+        type: 'info',
+        title: 'Atualização',
+        description: text
+      })
     })
   }, [])