Fix horny blur on installed mods

This commit is contained in:
Thoronium
2023-04-07 00:43:56 -06:00
parent db11cf7907
commit 3356bddb42
4 changed files with 12 additions and 4 deletions

View File

@@ -1,6 +1,6 @@
{ {
"name": "cultivation", "name": "cultivation",
"version": "1.0.24", "version": "1.0.25",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@tauri-apps/api": "^1.0.0-rc.5", "@tauri-apps/api": "^1.0.0-rc.5",

View File

@@ -7,7 +7,7 @@
}, },
"package": { "package": {
"productName": "Cultivation", "productName": "Cultivation",
"version": "1.0.24" "version": "1.0.25"
}, },
"tauri": { "tauri": {
"allowlist": { "allowlist": {

View File

@@ -3,7 +3,7 @@ import { invoke } from '@tauri-apps/api'
import { dataDir } from '@tauri-apps/api/path' import { dataDir } from '@tauri-apps/api/path'
import DirInput from '../common/DirInput' import DirInput from '../common/DirInput'
import Menu from './Menu' import Menu from './Menu'
import Tr, { getLanguages, translate } from '../../../utils/language' import Tr, { getLanguages } from '../../../utils/language'
import { setConfigOption, getConfig, getConfigOption, Configuration } from '../../../utils/configuration' import { setConfigOption, getConfig, getConfigOption, Configuration } from '../../../utils/configuration'
import Checkbox from '../common/Checkbox' import Checkbox from '../common/Checkbox'
import Divider from './Divider' import Divider from './Divider'

View File

@@ -1,5 +1,6 @@
import React from 'react' import React from 'react'
import { ModData, PartialModData } from '../../../utils/gamebanana' import { ModData, PartialModData } from '../../../utils/gamebanana'
import { getConfigOption } from '../../../utils/configuration'
import './ModTile.css' import './ModTile.css'
import Like from '../../../resources/icons/like.svg' import Like from '../../../resources/icons/like.svg'
@@ -18,6 +19,7 @@ interface IProps {
} }
interface IState { interface IState {
horny: boolean
hover: boolean hover: boolean
modEnabled: boolean modEnabled: boolean
} }
@@ -27,6 +29,7 @@ export class ModTile extends React.Component<IProps, IState> {
super(props) super(props)
this.state = { this.state = {
horny: false,
hover: false, hover: false,
modEnabled: false, modEnabled: false,
} }
@@ -44,10 +47,13 @@ export class ModTile extends React.Component<IProps, IState> {
} }
async componentDidMount() { async componentDidMount() {
const horny = await getConfigOption('horny_mode')
if (!('id' in this.props.mod)) { if (!('id' in this.props.mod)) {
// Partial mod // Partial mod
this.setState({ this.setState({
modEnabled: await modIsEnabled(this.props.mod.name), modEnabled: await modIsEnabled(this.props.mod.name),
horny
}) })
return return
@@ -55,6 +61,7 @@ export class ModTile extends React.Component<IProps, IState> {
this.setState({ this.setState({
modEnabled: await modIsEnabled(String(this.props.mod.id)), modEnabled: await modIsEnabled(String(this.props.mod.id)),
horny
}) })
} }
@@ -66,6 +73,7 @@ export class ModTile extends React.Component<IProps, IState> {
this.setState( this.setState(
{ {
modEnabled: !this.state.modEnabled, modEnabled: !this.state.modEnabled,
horny: !this.state.horny
}, },
() => { () => {
if (this.state.modEnabled) { if (this.state.modEnabled) {
@@ -108,7 +116,7 @@ export class ModTile extends React.Component<IProps, IState> {
))} ))}
<img <img
src={mod.images[0]} src={mod.images[0]}
className={`ModImageInner ${'id' in mod && !this.props.horny && mod.nsfw ? 'nsfw' : ''} ${ className={`ModImageInner ${'id' in mod && !this.state.horny && mod.nsfw ? 'nsfw' : ''} ${
this.state.hover ? 'blur' : '' this.state.hover ? 'blur' : ''
}`} }`}
/> />