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

made create a post button not daisy (#1027)

Browse Source 
yay no daisy
This commit is contained in:
ingawei 2022-10-12 00:24:59 -05:00 committed by GitHub
parent beeca57d4e
commit a6d5d5ad15
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/components/create-post.tsx
View File

@ -4,12 +4,12 @@ import { Title } from 'web/components/title'
import { TextEditor, useTextEditor } from 'web/components/editor' import { TextEditor, useTextEditor } from 'web/components/editor'
import { createPost } from 'web/lib/firebase/api' import { createPost } from 'web/lib/firebase/api'
import clsx from 'clsx'
import Router from 'next/router' import Router from 'next/router'
import { MAX_POST_TITLE_LENGTH } from 'common/post' import { MAX_POST_TITLE_LENGTH } from 'common/post'
import { postPath } from 'web/lib/firebase/posts' import { postPath } from 'web/lib/firebase/posts'
import { Group } from 'common/group' import { Group } from 'common/group'
import { ExpandingInput } from './expanding-input' import { ExpandingInput } from './expanding-input'
import { Button } from './button'
export function CreatePost(props: { group?: Group }) { export function CreatePost(props: { group?: Group }) {
const [title, setTitle] = useState('') const [title, setTitle] = useState('')
@ -91,12 +91,10 @@ export function CreatePost(props: { group?: Group }) {
<TextEditor editor={editor} upload={upload} /> <TextEditor editor={editor} upload={upload} />
<Spacer h={6} /> <Spacer h={6} />
<button <Button
type="submit" type="submit"
className={clsx( loading={isSubmitting}
'btn btn-primary normal-case', size="xl"
isSubmitting && 'loading disabled'
)}
disabled={isSubmitting || !isValid || upload.isLoading} disabled={isSubmitting || !isValid || upload.isLoading}
onClick={async () => { onClick={async () => {
setIsSubmitting(true) setIsSubmitting(true)
@ -105,7 +103,7 @@ export function CreatePost(props: { group?: Group }) {
}} }}
> >
{isSubmitting ? 'Creating...' : 'Create a post'} {isSubmitting ? 'Creating...' : 'Create a post'}
</button> </Button>
{error !== '' && <div className="text-red-700">{error}</div>} {error !== '' && <div className="text-red-700">{error}</div>}
</div> </div>
</form> </form>