HMC/handmade-revolt
2
0
Fork 0
forked from abner/for-legacy-web
Code Pull Requests Actions Activity

Add eslint.

Browse Source
This commit is contained in:
Paul
2021-06-18 15:46:30 +01:00
parent 8bb6cd456b
commit 34a4bccbbe
8 changed files with 1289 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ui/Button.tsx
View File

@@ -3,7 +3,7 @@ import styled, { css } from "styled-components";
interface Props {
readonly contrast?: boolean;
readonly error?: boolean;
};
}
export default styled.button<Props>`
z-index: 1;

8
src/components/ui/ColourSwatches.tsx
View File

@@ -102,10 +102,10 @@ export default function ColourSwatches({ value, onChange }: Props) {
onChange={ev => onChange(ev.currentTarget.value)}
/>
<Rows>
{presets.map(row => (
<div>
{ row.map(swatch => (
<Swatch colour={swatch} type='small'
{presets.map((row, i) => (
<div key={i}>
{ row.map((swatch, i) => (
<Swatch colour={swatch} type='small' key={i}
onClick={() => onChange(swatch)}>
{swatch === value && <Check size={18} strokeWidth={2} />}
</Swatch>

2
src/components/ui/InputBox.tsx
View File

@@ -2,7 +2,7 @@ import styled, { css } from "styled-components";
interface Props {
readonly contrast?: boolean;
};
}
export default styled.input<Props>`
z-index: 1;

3
src/context/Theme.tsx
View File

@@ -1,13 +1,14 @@
import { createGlobalStyle } from "styled-components";
// ! TEMP START
let a = {"light":false,"accent":"#FD6671","background":"#191919","foreground":"#F6F6F6","block":"#2D2D2D","message-box":"#363636","mention":"rgba(251, 255, 0, 0.06)","success":"#65E572","warning":"#FAA352","error":"#F06464","hover":"rgba(0, 0, 0, 0.1)","sidebar-active":"#FD6671","scrollbar-thumb":"#CA525A","scrollbar-track":"transparent","primary-background":"#242424","primary-header":"#363636","secondary-background":"#1E1E1E","secondary-foreground":"#C8C8C8","secondary-header":"#2D2D2D","tertiary-background":"#4D4D4D","tertiary-foreground":"#848484","status-online":"#3ABF7E","status-away":"#F39F00","status-busy":"#F84848","status-streaming":"#977EFF","status-invisible":"#A5A5A5"};
const a = {light:false,accent:"#FD6671",background:"#191919",foreground:"#F6F6F6",block:"#2D2D2D","message-box":"#363636",mention:"rgba(251, 255, 0, 0.06)",success:"#65E572",warning:"#FAA352",error:"#F06464",hover:"rgba(0, 0, 0, 0.1)","sidebar-active":"#FD6671","scrollbar-thumb":"#CA525A","scrollbar-track":"transparent","primary-background":"#242424","primary-header":"#363636","secondary-background":"#1E1E1E","secondary-foreground":"#C8C8C8","secondary-header":"#2D2D2D","tertiary-background":"#4D4D4D","tertiary-foreground":"#848484","status-online":"#3ABF7E","status-away":"#F39F00","status-busy":"#F84848","status-streaming":"#977EFF","status-invisible":"#A5A5A5"};
export const GlobalTheme = createGlobalStyle`
:root {
${
Object.keys(a)
.map(key => {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
return `--${key}: ${(a as any)[key]};`;
})
}

1
src/main.tsx
View File

@@ -2,4 +2,5 @@ import { render } from 'preact'
import '../styles/index.scss'
import { App } from './app'
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
render(<App />, document.getElementById('app')!)

1
src/preact.d.ts vendored
View File

@@ -1 +1,2 @@
// eslint-disable-next-line @typescript-eslint/no-unused-vars
import JSX = preact.JSX