Commit 7ee5c7cc authored by insert's avatar insert

Fix linter errors.

parent ce5e0d27
Pipeline #272 passed with stage
in 1 minute and 48 seconds
......@@ -28,7 +28,7 @@
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"lint:sass": "stylelint src/**.* --config=.stylelintrc"
"lint:sass": "stylelint src/**.* --config=.stylelintrc --fix"
},
"eslintConfig": {
"extends": "react-app"
......
......@@ -4,4 +4,4 @@
top: 0;
width: 100%;
height: 100%;
}
\ No newline at end of file
}
......@@ -9,7 +9,7 @@ import { Icon } from '../components/ui/elements/Icon';
import { AppContext, Page as AppPage } from '../App';
import { RenderPage } from './settings/pages';
import Modal from '../components/ui/components/Modal';
import { Instance, LogoutClient } from '../internal/Client';
import { LogoutClient } from '../internal/Client';
export enum Page {
ACCOUNT,
......
......@@ -5,9 +5,8 @@ import classNames from 'classnames';
import { ChatContext, Page } from '../Chat';
import { Channel as RChannel, Collection } from 'riotchat.js';
import { Instance } from '../../internal/Client';
import { string } from 'prop-types';
import { Message } from 'riotchat.js/dist/internal/Message';
import { scrollable } from '../../components/util/Scrollbar';
import { scrollable, hiddenScrollbar } from '../../components/util/Scrollbar';
export default function Channel(props: { id: string }) {
let chat = useContext(ChatContext);
......@@ -41,7 +40,7 @@ export default function Channel(props: { id: string }) {
box
</div>
</div>
<div className={classNames(sidebar, scrollable)}>
<div className={classNames(sidebar, hiddenScrollbar)}>
sidebar time
</div>
</div>
......
......@@ -37,20 +37,20 @@ export default function Appearance() {
<div className={main.section}>
<div className={main.category}>Accent Color</div>
<div className={styles.colorPicker}>
<a href="#" className={styles.customColor} style={{background: hasCustomColor ? app.accent : "grey"}}>
<span className={styles.customColor} style={{background: hasCustomColor ? app.accent : "grey"}}>
{ hasCustomColor && (
<Icon className={styles.check} icon="checkRegular"/>
)}
<Icon className={styles.edit} icon="brushSolid"/>
</a>
</span>
<div className={`${styles.colorGrid} ${styles.disabled}`} style={{ gridTemplateColumns: "29px ".repeat(Math.floor(colors.length / 2)) }}>
{colors.map((value) => {
return (
<a href="#" key={`acc${value}`} className={styles.color} style={{ backgroundColor: value }} onClick={() => app.setAccent(value)}>
<span key={`acc${value}`} className={styles.color} style={{ backgroundColor: value }} onClick={() => app.setAccent(value)}>
{ app.accent === value && (
<Icon className={styles.check} icon="checkRegular"/>
)}
</a>
</span>
)
})}
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment