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