New: Webpack 5, UI Package Updates

Co-Authored-By: Mark McDowall <markus101@users.noreply.github.com>
This commit is contained in:
Qstick 2021-06-27 00:05:34 -04:00
commit 6c9808fe56
24 changed files with 3035 additions and 6027 deletions

View file

@ -16,7 +16,7 @@ function createTagListSelector() {
(selectedFilterBuilderProp.type === filterBuilderTypes.NUMBER ||
selectedFilterBuilderProp.type === filterBuilderTypes.STRING) &&
filterType !== filterTypes.EQUAL &&
filterType !== filterBuilderTypes.NOT_EQUAL ||
filterType !== filterTypes.NOT_EQUAL ||
!selectedFilterBuilderProp.optionsSelector
) {
return [];

View file

@ -1,8 +1,8 @@
import _ from 'lodash';
import PropTypes from 'prop-types';
import React, { Component } from 'react';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
import { DndProvider } from 'react-dnd-multi-backend';
import HTML5toTouch from 'react-dnd-multi-backend/dist/esm/HTML5toTouch';
import Form from 'Components/Form/Form';
import FormGroup from 'Components/Form/FormGroup';
import FormInputGroup from 'Components/Form/FormInputGroup';
@ -127,7 +127,7 @@ class TableOptionsModal extends Component {
const isDraggingDown = isDragging && dropIndex > dragIndex;
return (
<DndProvider backend={HTML5Backend}>
<DndProvider options={HTML5toTouch}>
<Modal
isOpen={isOpen}
onModalClose={onModalClose}

View file

@ -98,7 +98,7 @@ class MetadataProfile extends Component {
return (
<Label
key={item.albumType.id}
kind={kinds.default}
kind={kinds.DEFAULT}
title={null}
>
{item.albumType.name}

View file

@ -1,6 +1,6 @@
import React, { Component } from 'react';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
import { DndProvider } from 'react-dnd-multi-backend';
import HTML5toTouch from 'react-dnd-multi-backend/dist/esm/HTML5toTouch';
import PageContent from 'Components/Page/PageContent';
import PageContentBody from 'Components/Page/PageContentBody';
import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
@ -25,7 +25,7 @@ class Profiles extends Component {
/>
<PageContentBody>
<DndProvider backend={HTML5Backend}>
<DndProvider options={HTML5toTouch}>
<QualityProfilesConnector />
<MetadataProfilesConnector />
<DelayProfilesConnector />

View file

@ -103,7 +103,7 @@ class QualityProfile extends Component {
return (
<Label
key={item.quality.id}
kind={isCutoff ? kinds.INFO : kinds.default}
kind={isCutoff ? kinds.INFO : kinds.DEFAULT}
title={isCutoff ? 'Upgrade until this quality is met or exceeded' : null}
>
{item.quality.name}
@ -119,7 +119,7 @@ class QualityProfile extends Component {
className={styles.tooltipLabel}
anchor={
<Label
kind={isCutoff ? kinds.INFO : kinds.default}
kind={isCutoff ? kinds.INFO : kinds.DEFAULT}
title={isCutoff ? 'Cutoff' : null}
>
{item.name}
@ -132,7 +132,7 @@ class QualityProfile extends Component {
return (
<Label
key={groupItem.quality.id}
kind={isCutoff ? kinds.INFO : kinds.default}
kind={isCutoff ? kinds.INFO : kinds.DEFAULT}
title={isCutoff ? 'Cutoff' : null}
>
{groupItem.quality.name}

View file

@ -6,7 +6,7 @@
}
@define-mixin scrollbarTrack {
&&::-webkit-scrollbar-track {
&::-webkit-scrollbar-track {
background-color: transparent;
}
}

View file

@ -40,7 +40,7 @@ function getStatusIconProps(status, message) {
case 'failed':
return {
name: icons.FATAL,
kind: kinds.ERROR,
kind: kinds.DANGER,
title: `${title}: ${message}`
};