Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-17 12:24:38 +03:00
Code Issues Packages Projects Releases Wiki Activity

React code splitting (#2603)

Browse Source 
* Code split using react lazy
* Split locales
* Move to lodash-es
* Import individual icons
This commit is contained in:
WithoutPants
2022-06-22 14:41:31 +10:00
committed by GitHub
parent 33b68b4464
commit 3b4b20e9b2
147 changed files with 969 additions and 610 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
ui/v2.5/src/components/Shared/ScrapeDialog.tsx
View File

@@ -8,9 +8,18 @@ import {
FormControl,
Badge,
} from "react-bootstrap";
import { CollapseButton, Icon, Modal } from "src/components/Shared";
import _ from "lodash";
import { CollapseButton } from "src/components/Shared/CollapseButton";
import Icon from "src/components/Shared/Icon";
import Modal from "src/components/Shared/Modal";
import isEqual from "lodash-es/isEqual";
import clone from "lodash-es/clone";
import { FormattedMessage, useIntl } from "react-intl";
import {
faCheck,
faPencilAlt,
faPlus,
faTimes,
} from "@fortawesome/free-solid-svg-icons";
export class ScrapeResult<T> {
public newValue?: T;
@@ -22,7 +31,7 @@ export class ScrapeResult<T> {
this.originalValue = originalValue ?? undefined;
this.newValue = newValue ?? undefined;
const valuesEqual = _.isEqual(originalValue, newValue);
const valuesEqual = isEqual(originalValue, newValue);
this.useNewValue = !!this.newValue && !valuesEqual;
this.scraped = this.useNewValue;
}
@@ -33,10 +42,10 @@ export class ScrapeResult<T> {
}
public cloneWithValue(value?: T) {
const ret = _.clone(this);
const ret = clone(this);
ret.newValue = value;
ret.useNewValue = !_.isEqual(ret.newValue, ret.originalValue);
ret.useNewValue = isEqual(ret.newValue, ret.originalValue);
ret.scraped = ret.useNewValue;
return ret;
@@ -73,7 +82,7 @@ function renderButtonIcon(selected: boolean) {
return (
<Icon
className={`fa-fw ${className}`}
icon={selected ? "check" : "times"}
icon={selected ? faCheck : faTimes}
/>
);
}
@@ -82,7 +91,7 @@ export const ScrapeDialogRow = <T, V extends IHasName>(
props: IScrapedRowProps<T, V>
) => {
function handleSelectClick(isNew: boolean) {
const ret = _.clone(props.result);
const ret = clone(props.result);
ret.useNewValue = isNew;
props.onChange(ret);
}
@@ -111,7 +120,7 @@ export const ScrapeDialogRow = <T, V extends IHasName>(
>
{t.name}
<Button className="minimal ml-2">
<Icon className="fa-fw" icon="plus" />
<Icon className="fa-fw" icon={faPlus} />
</Button>
</Badge>
))}
@@ -344,7 +353,7 @@ export const ScrapeDialog: React.FC<IScrapeDialogProps> = (
return (
<Modal
show
icon="pencil-alt"
icon={faPencilAlt}
header={props.title}
accept={{
onClick: () => {