Fix TypeScript ref errors
This commit is contained in:
		
							parent
							
								
									c2dfbaad88
								
							
						
					
					
						commit
						1b7c9cf359
					
				
					 4 changed files with 20 additions and 20 deletions
				
			
		|  | @ -9,11 +9,11 @@ import { useSession, getSession } from 'next-auth/client'; | ||||||
| export default function EventType(props) { | export default function EventType(props) { | ||||||
|     const router = useRouter(); |     const router = useRouter(); | ||||||
|     const [ session, loading ] = useSession(); |     const [ session, loading ] = useSession(); | ||||||
|     const titleRef = useRef(); |     const titleRef = useRef<HTMLInputElement>(); | ||||||
|     const slugRef = useRef(); |     const slugRef = useRef<HTMLInputElement>(); | ||||||
|     const descriptionRef = useRef(); |     const descriptionRef = useRef<HTMLInputElement>(); | ||||||
|     const lengthRef = useRef(); |     const lengthRef = useRef<HTMLInputElement>(); | ||||||
|     const isHiddenRef = useRef(); |     const isHiddenRef = useRef<HTMLInputElement>(); | ||||||
| 
 | 
 | ||||||
|     if (loading) { |     if (loading) { | ||||||
|         return <p className="text-gray-400">Loading...</p>; |         return <p className="text-gray-400">Loading...</p>; | ||||||
|  |  | ||||||
|  | @ -15,16 +15,16 @@ export default function Availability(props) { | ||||||
|     const [showAddModal, setShowAddModal] = useState(false); |     const [showAddModal, setShowAddModal] = useState(false); | ||||||
|     const [successModalOpen, setSuccessModalOpen] = useState(false); |     const [successModalOpen, setSuccessModalOpen] = useState(false); | ||||||
|     const [showChangeTimesModal, setShowChangeTimesModal] = useState(false); |     const [showChangeTimesModal, setShowChangeTimesModal] = useState(false); | ||||||
|     const titleRef = useRef(); |     const titleRef = useRef<HTMLInputElement>(); | ||||||
|     const slugRef = useRef(); |     const slugRef = useRef<HTMLInputElement>(); | ||||||
|     const descriptionRef = useRef(); |     const descriptionRef = useRef<HTMLInputElement>(); | ||||||
|     const lengthRef = useRef(); |     const lengthRef = useRef<HTMLInputElement>(); | ||||||
|     const isHiddenRef = useRef(); |     const isHiddenRef = useRef<HTMLInputElement>(); | ||||||
| 
 | 
 | ||||||
|     const startHoursRef = useRef(); |     const startHoursRef = useRef<HTMLInputElement>(); | ||||||
|     const startMinsRef = useRef(); |     const startMinsRef = useRef<HTMLInputElement>(); | ||||||
|     const endHoursRef = useRef(); |     const endHoursRef = useRef<HTMLInputElement>(); | ||||||
|     const endMinsRef = useRef(); |     const endMinsRef = useRef<HTMLInputElement>(); | ||||||
| 
 | 
 | ||||||
|     if (loading) { |     if (loading) { | ||||||
|         return <p className="text-gray-400">Loading...</p>; |         return <p className="text-gray-400">Loading...</p>; | ||||||
|  |  | ||||||
|  | @ -10,8 +10,8 @@ import { signIn, useSession, getSession } from 'next-auth/client'; | ||||||
| export default function Settings(props) { | export default function Settings(props) { | ||||||
|     const [ session, loading ] = useSession(); |     const [ session, loading ] = useSession(); | ||||||
|     const [successModalOpen, setSuccessModalOpen] = useState(false); |     const [successModalOpen, setSuccessModalOpen] = useState(false); | ||||||
|     const oldPasswordRef = useRef(); |     const oldPasswordRef = useRef<HTMLInputElement>(); | ||||||
|     const newPasswordRef = useRef(); |     const newPasswordRef = useRef<HTMLInputElement>(); | ||||||
| 
 | 
 | ||||||
|     if (loading) { |     if (loading) { | ||||||
|         return <p className="text-gray-400">Loading...</p>; |         return <p className="text-gray-400">Loading...</p>; | ||||||
|  |  | ||||||
|  | @ -13,10 +13,10 @@ export default function Settings(props) { | ||||||
|     const [ session, loading ] = useSession(); |     const [ session, loading ] = useSession(); | ||||||
|     const router = useRouter(); |     const router = useRouter(); | ||||||
|     const [successModalOpen, setSuccessModalOpen] = useState(false); |     const [successModalOpen, setSuccessModalOpen] = useState(false); | ||||||
|     const usernameRef = useRef(); |     const usernameRef = useRef<HTMLInputElement>(); | ||||||
|     const nameRef = useRef(); |     const nameRef = useRef<HTMLInputElement>(); | ||||||
|     const descriptionRef = useRef(); |     const descriptionRef = useRef<HTMLInputElement>(); | ||||||
|     const avatarRef = useRef(); |     const avatarRef = useRef<HTMLInputElement>(); | ||||||
| 
 | 
 | ||||||
|     const [ selectedTimeZone, setSelectedTimeZone ] = useState({ value: props.user.timeZone }); |     const [ selectedTimeZone, setSelectedTimeZone ] = useState({ value: props.user.timeZone }); | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue
	
	 Bailey Pumfleet
						Bailey Pumfleet