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

contract description: less prominent edit buttons

Browse Source
This commit is contained in:
mantikoros 2022-07-18 19:17:45 -05:00
parent f2a7a145e4
commit 8793288dc8
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/button.tsx
View File

@ -39,7 +39,7 @@ export function Button(props: {
color === 'yellow' && 'bg-yellow-400 text-white hover:bg-yellow-500', color === 'yellow' && 'bg-yellow-400 text-white hover:bg-yellow-500',
color === 'blue' && 'bg-blue-400 text-white hover:bg-blue-500', color === 'blue' && 'bg-blue-400 text-white hover:bg-blue-500',
color === 'indigo' && 'bg-indigo-500 text-white hover:bg-indigo-600', color === 'indigo' && 'bg-indigo-500 text-white hover:bg-indigo-600',
color === 'gray' && 'bg-gray-200 text-gray-700 hover:bg-gray-300', color === 'gray' && 'bg-gray-100 text-gray-600 hover:bg-gray-200',
className className
)} )}
disabled={disabled} disabled={disabled}

15
web/components/contract/contract-description.tsx
View File

@ -24,13 +24,10 @@ export function ContractDescription(props: {
return ( return (
<div className={clsx('mt-2 text-gray-700', className)}> <div className={clsx('mt-2 text-gray-700', className)}>
{isCreator || isAdmin ? ( {isCreator || isAdmin ? (
<RichEditContract contract={contract} /> <RichEditContract contract={contract} isAdmin={isAdmin && !isCreator} />
) : ( ) : (
<Content content={contract.description} /> <Content content={contract.description} />
)} )}
{isAdmin && !isCreator && (
<div className="mt-2 text-red-400">(👆 admin powers)</div>
)}
</div> </div>
) )
} }
@ -39,8 +36,8 @@ function editTimestamp() {
return `${dayjs().format('MMM D, h:mma')}: ` return `${dayjs().format('MMM D, h:mma')}: `
} }
function RichEditContract(props: { contract: Contract }) { function RichEditContract(props: { contract: Contract; isAdmin?: boolean }) {
const { contract } = props const { contract, isAdmin } = props
const [editing, setEditing] = useState(false) const [editing, setEditing] = useState(false)
const [editingQ, setEditingQ] = useState(false) const [editingQ, setEditingQ] = useState(false)
const [isSubmitting, setIsSubmitting] = useState(false) const [isSubmitting, setIsSubmitting] = useState(false)
@ -90,9 +87,11 @@ function RichEditContract(props: { contract: Contract }) {
<> <>
<Content content={contract.description} /> <Content content={contract.description} />
<Spacer h={2} /> <Spacer h={2} />
<Row className="gap-2"> <Row className="items-center gap-2">
{isAdmin && 'Admin: '}
<Button <Button
color="gray" color="gray"
size="xs"
onClick={() => { onClick={() => {
setEditing(true) setEditing(true)
editor editor
@ -105,7 +104,7 @@ function RichEditContract(props: { contract: Contract }) {
> >
Edit description Edit description
</Button> </Button>
<Button color="gray" onClick={() => setEditingQ(true)}> <Button color="gray" size="xs" onClick={() => setEditingQ(true)}>
Edit question Edit question
</Button> </Button>
</Row> </Row>