open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor, restyle

Browse Source
This commit is contained in:
Gurkenglas 2022-08-09 22:00:24 +02:00
parent 5282cbb629
commit ab0c47065d
1 changed files with 7 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/components/contract/contract-tabs.tsx
View File

@ -16,7 +16,7 @@ import { Avatar } from 'web/components/avatar'
import { Grid, _ } from 'gridjs-react' import { Grid, _ } from 'gridjs-react'
import 'gridjs/dist/theme/mermaid.css' import 'gridjs/dist/theme/mermaid.css'
import { useState, useEffect, useRef } from 'react' import { useState, useEffect, useRef } from 'react'
import { maxBy, uniq } from 'lodash' import { maxBy } from 'lodash'
export function ContractTabs(props: { export function ContractTabs(props: {
contract: Contract contract: Contract
@ -104,9 +104,11 @@ export function ContractTabs(props: {
const asked = useRef(new Set<string>()) const asked = useRef(new Set<string>())
useEffect(() => { useEffect(() => {
uniq(bets.map((bet:Bet) => bet.userId)).filter((uid) => !asked.current.has(uid)).forEach((uid) => { bets.forEach(({ userId }) => {
asked.current.add(uid) if (!asked.current.has(userId)) {
getUser(uid).then((u) => setUsers((users) => ({...users, [uid]: u}))) asked.current.add(userId)
getUser(userId).then((u) => setUsers((us) => ({...us, [userId]: u})))
}
}) })
}, [bets]) }, [bets])
@ -131,21 +133,7 @@ export function ContractTabs(props: {
{name: "on", id: "createdTime", formatter: (t:number) => dayjs(t).format('YY/MM/DD,hh:mm:ss')}, {name: "on", id: "createdTime", formatter: (t:number) => dayjs(t).format('YY/MM/DD,hh:mm:ss')},
] ]
const gridjsstyle = { const gridjsstyle = {th: {padding: 0}, td: {padding: 0}}
table: {
border: '3px solid #ccc',
'text-align': 'center',
},
th: {
'background-color': 'rgba(0, 0, 0, 0.1)',
color: '#000',
'border-bottom': '3px solid #ccc',
'padding': '0',
},
td: {
'padding': '0',
}
}
const userpositions = {} as {[key: string]: any} const userpositions = {} as {[key: string]: any}
bets.forEach((bet) => { bets.forEach((bet) => {