34 |
35 | | router.push(`/admin/works/${work.id}`)}>
53 | |
55 | {work.title} | 56 |57 | 58 | | 59 |
You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
38 | Open Hosting Documentation 39 |Firebase SDK Loading…
41 | 42 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /frontend/components/lv3/WorkOriginalForm.tsx: -------------------------------------------------------------------------------- 1 | import { FC, useState } from 'react' 2 | import { useForm } from 'react-hook-form' 3 | import { Work, OriginalType } from 'model' 4 | import styled from 'styled-components' 5 | import { OriginalRepository } from 'repository' 6 | import { useAuth } from 'hooks/useAuth' 7 | import { StyleConst } from 'styles/const' 8 | import { TextInput, Button } from 'components/lv1' 9 | 10 | const Form = styled.form` 11 | background-color: ${StyleConst.COLOR.FORM_BACKGROUND}; 12 | padding: 20px; 13 | border-radius: ${StyleConst.CORNER_RADIUS.DEFAULT}px; 14 | border-width: 0px; 15 | ` 16 | 17 | const FormTitle = styled.div` 18 | font-size: ${StyleConst.FONT.MEDIUM}; 19 | font-weight: ${StyleConst.FONT_WEIGHT.BOLD}; 20 | ` 21 | 22 | const InputContentContainer = styled.div` 23 | margin-top: 16px; 24 | 25 | label.radio { 26 | display: inline-flex; 27 | align-items: center; 28 | padding-right: 10px; 29 | } 30 | ` 31 | 32 | const ContentName = styled.div` 33 | display: block; 34 | margin-bottom: 4px; 35 | ` 36 | 37 | const SubmitContainer = styled.div` 38 | padding: 16px 0px 0px; 39 | text-align: center; 40 | ` 41 | 42 | type Props = { 43 | work: Work 44 | } 45 | 46 | type FormInputData = { 47 | originalType: OriginalType 48 | animeEpisodeNo?: string 49 | originalNo?: string 50 | } 51 | 52 | export const WorkOriginalForm: FC