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

Improve create fold button with icon and 'New' label

Browse Source
This commit is contained in:
James Grugett 2022-02-01 14:10:40 -06:00
parent b95f258763
commit d6b855f0de
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/components/confirmation-button.tsx
View File

@ -4,6 +4,7 @@ export function ConfirmationButton(props: {
id: string
openModelBtn: {
label: string
icon?: any
className?: string
}
cancelBtn?: {
@ -25,7 +26,7 @@ export function ConfirmationButton(props: {
htmlFor={id}
className={clsx('btn modal-button', openModelBtn.className)}
>
{openModelBtn.label}
{openModelBtn.icon} {openModelBtn.label}
</label>
<input type="checkbox" id={id} className="modal-toggle" />

4
web/components/create-fold-button.tsx
View File

@ -1,6 +1,7 @@
import clsx from 'clsx'
import { useRouter } from 'next/router'
import { useState } from 'react'
import { PlusCircleIcon } from '@heroicons/react/solid'
import { parseWordsAsTags } from '../../common/util/parse'
import { createFold } from '../lib/firebase/api-call'
import { foldPath } from '../lib/firebase/folds'
@ -49,7 +50,8 @@ export function CreateFoldButton() {
<ConfirmationButton
id="create-fold"
openModelBtn={{
label: 'New community',
label: 'New',
icon: <PlusCircleIcon className="w-5 h-5 mr-2" />,
className: clsx(
isSubmitting ? 'loading btn-disabled' : 'btn-primary',
'btn-sm'