RageStudio/relic
1
0
Fork 0
mirror of https://github.com/ragestudio/relic.git synced 2025-06-09 10:34:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve drive ipc auths

Browse Source
This commit is contained in:
srgooglo 2023-11-21 21:07:00 +01:00
parent d3fedcba5e
commit 426cae3b23
5 changed files with 125 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/src/App.jsx
View File

@ -89,6 +89,15 @@ class App extends React.Component {
message.success("Google Drive API authorized")
},
"drive:unauthorized": (event, data) => {
this.setState({
authorizedServices: {
drive: false,
},
})
message.success("Google Drive API unauthorized")
}
}
onUpdateAvailable = () => {
@ -122,6 +131,8 @@ class App extends React.Component {
console.log(`[INIT] >`, initResult)
app.location.push("/")
this.setState({
loading: false,
pkg: initResult.pkg,

6
src/renderer/src/layout/components/Header/index.jsx
View File

@ -34,6 +34,12 @@ const Header = (props) => {
</antd.Button>
}
<antd.Button
size="small"
icon={<Icons.MdHome />}
onClick={() => app.location.push("/")}
/>
<antd.Button
size="small"
icon={<Icons.MdSettings />}

127
src/renderer/src/pages/settings/index.jsx
View File

@ -2,98 +2,78 @@ import React from "react"
import * as antd from "antd"
import { Icons, Icon } from "components/Icons"
import settingsList from "@renderer/settings_list"
import "./index.less"
const settingsList = [
{
id: "drive_auth",
name: "Google Drive Authorize",
description: "Authorize your Google Drive account to be used for bundles installation.",
icon: "SiGoogledrive",
type: "button",
value: async () => {
return api.settings.get("drive_auth")
},
render: (props) => {
return <antd.Button
type="primary"
onClick={() => {
if (!props.value) {
message.info("Authorizing...")
return ipc.exec("drive:authorize")
}
return api.settings.delete("drive_auth")
}}
>
{
props.value ? "Deauthorize" : "Authorize"
}
</antd.Button>
}
},
{
id: "check_update",
name: "Check for updates",
description: "Check for updates to the app.",
icon: "MdUpdate",
type: "button",
props: {
children: "Check",
onClick: () => {
message.info("Checking for updates...")
app.checkUpdates()
}
}
}
]
const SettingTypeToComponent = {
switch: antd.Switch,
button: antd.Button,
}
const SettingItem = (props) => {
const {
id,
name,
description,
type,
icon,
props: _props,
render,
} = props.setting
const { setting } = props
const [loading, setLoading] = React.useState(false)
const [value, setValue] = React.useState(null)
React.useEffect(() => {
if (typeof props.setting.value === "function") {
async function handleChange(value) {
console.log(`Setting [${setting.id}] set to >`, value)
setValue(value)
if (setting.storaged) {
api.settings.set(setting.id, value)
}
}
async function fetchDefaultValue() {
if (typeof setting.defaultValue !== "undefined") {
if (typeof setting.defaultValue === "function") {
setLoading(true)
props.setting.value().then((value) => {
const value = await setting.defaultValue()
setValue(value)
setLoading(false)
})
} else {
setValue(setting.defaultValue)
setLoading(false)
}
}, [props.setting.value])
}
}
React.useEffect(() => {
fetchDefaultValue()
if (setting.watchIpc) {
for (const watchIpc of setting.watchIpc) {
ipc.on(watchIpc, (event, value) => {
fetchDefaultValue()
})
}
}
return () => {
if (setting.watchIpc) {
for (const watchIpc of setting.watchIpc) {
ipc.off(watchIpc, (event, value) => {
fetchDefaultValue()
})
}
}
}
}, [])
let componentProps = {
value: value,
..._props,
handleChange: handleChange,
...setting.props,
}
async function handleChange(value) {
console.log(`Setting [${id}] set to >`, value)
setValue(value)
api.settings.set(id, value)
}
switch (type) {
switch (setting.type) {
case "switch": {
componentProps.defaultChecked = defaultProps.defaultChecked ?? false
componentProps.defaultChecked = !!value
componentProps.onChange = (e) => {
handleChange(e)
}
@ -101,10 +81,11 @@ const SettingItem = (props) => {
}
}
const Component = SettingTypeToComponent[type.toLowerCase()]
const Component = SettingTypeToComponent[setting.type.toLowerCase()]
const Render = () => {
if (typeof render === "function") {
return render(componentProps)
if (typeof setting.render === "function") {
return setting.render(componentProps)
}
return React.createElement(Component, componentProps)
@ -115,16 +96,16 @@ const SettingItem = (props) => {
>
<div className="app_settings-list-item-info">
<div className="app_settings-list-item-label">
<Icon icon={icon} />
<Icon icon={setting.icon} />
<h2>
{name}
{setting.name}
</h2>
</div>
<div className="app_settings-list-item-description">
<p>
{description}
{setting.description}
</p>
</div>
</div>

4
src/renderer/src/router.jsx
View File

@ -78,7 +78,7 @@ export const PageRender = () => {
}
return <Routes>
<Route path="/" element={<PackagesMangerPage />} />
<Route path="/settings" element={<SettingsPage />} />
<Route exact path="/" element={<PackagesMangerPage />} />
<Route exact path="/settings" element={<SettingsPage />} />
</Routes>
}

49
src/renderer/src/settings_list.jsx Normal file
View File

@ -0,0 +1,49 @@
import { Button } from "antd"
export default [
{
id: "drive_auth",
name: "Google Drive Authorize",
description: "Authorize your Google Drive account to be used for bundles installation.",
icon: "SiGoogledrive",
type: "button",
storaged: false,
watchIpc: ["drive:authorized", "drive:unauthorized"],
defaultValue: async () => {
return await api.settings.get("drive_auth")
},
render: (props) => {
return <Button
type={props.value ? "primary" : "default"}
onClick={() => {
if (!props.value) {
message.info("Authorizing...")
return ipc.exec("drive:authorize")
}
return ipc.exec("drive:unauthorize")
}}
>
{
props.value ? "Unauthorize" : "Authorize"
}
</Button>
}
},
{
id: "check_update",
name: "Check for updates",
description: "Check for updates to the app.",
icon: "MdUpdate",
type: "button",
props: {
children: "Check",
onClick: () => {
message.info("Checking for updates...")
app.checkUpdates()
}
},
storaged: false
}
]