Fix TypeScript ref errors

This commit is contained in:
Bailey Pumfleet 2021-04-29 14:04:08 +01:00
parent c2dfbaad88
commit 1b7c9cf359
4 changed files with 20 additions and 20 deletions

View file

@ -9,11 +9,11 @@ import { useSession, getSession } from 'next-auth/client';
export default function EventType(props) {
const router = useRouter();
const [ session, loading ] = useSession();
const titleRef = useRef();
const slugRef = useRef();
const descriptionRef = useRef();
const lengthRef = useRef();
const isHiddenRef = useRef();
const titleRef = useRef<HTMLInputElement>();
const slugRef = useRef<HTMLInputElement>();
const descriptionRef = useRef<HTMLInputElement>();
const lengthRef = useRef<HTMLInputElement>();
const isHiddenRef = useRef<HTMLInputElement>();
if (loading) {
return <p className="text-gray-400">Loading...</p>;

View file

@ -15,16 +15,16 @@ export default function Availability(props) {
const [showAddModal, setShowAddModal] = useState(false);
const [successModalOpen, setSuccessModalOpen] = useState(false);
const [showChangeTimesModal, setShowChangeTimesModal] = useState(false);
const titleRef = useRef();
const slugRef = useRef();
const descriptionRef = useRef();
const lengthRef = useRef();
const isHiddenRef = useRef();
const titleRef = useRef<HTMLInputElement>();
const slugRef = useRef<HTMLInputElement>();
const descriptionRef = useRef<HTMLInputElement>();
const lengthRef = useRef<HTMLInputElement>();
const isHiddenRef = useRef<HTMLInputElement>();
const startHoursRef = useRef();
const startMinsRef = useRef();
const endHoursRef = useRef();
const endMinsRef = useRef();
const startHoursRef = useRef<HTMLInputElement>();
const startMinsRef = useRef<HTMLInputElement>();
const endHoursRef = useRef<HTMLInputElement>();
const endMinsRef = useRef<HTMLInputElement>();
if (loading) {
return <p className="text-gray-400">Loading...</p>;

View file

@ -10,8 +10,8 @@ import { signIn, useSession, getSession } from 'next-auth/client';
export default function Settings(props) {
const [ session, loading ] = useSession();
const [successModalOpen, setSuccessModalOpen] = useState(false);
const oldPasswordRef = useRef();
const newPasswordRef = useRef();
const oldPasswordRef = useRef<HTMLInputElement>();
const newPasswordRef = useRef<HTMLInputElement>();
if (loading) {
return <p className="text-gray-400">Loading...</p>;

View file

@ -13,10 +13,10 @@ export default function Settings(props) {
const [ session, loading ] = useSession();
const router = useRouter();
const [successModalOpen, setSuccessModalOpen] = useState(false);
const usernameRef = useRef();
const nameRef = useRef();
const descriptionRef = useRef();
const avatarRef = useRef();
const usernameRef = useRef<HTMLInputElement>();
const nameRef = useRef<HTMLInputElement>();
const descriptionRef = useRef<HTMLInputElement>();
const avatarRef = useRef<HTMLInputElement>();
const [ selectedTimeZone, setSelectedTimeZone ] = useState({ value: props.user.timeZone });