[js] migrace interface na type (TS) #74

frontend/src/auth/AuthContext.tsx

@@ -10,12 +10,12 @@ import Token from "./Token"
 /** Hodnota zbývající platnosti tokenu, při které dojde k požadavku na jeho obnovení. */
 const AUTH_REFRESH_THRESHOLD = 60 * 65 // sekundy -> 65 minut
 
-interface State {
+type State = {
     isLoading: boolean
     isAuth: boolean
 }
 
-interface Context extends State {
+type Context = State & {
     login: (credentials: AuthorizationType) => void
     logout: fEmptyVoid
     isAuthenticated: (refreshExpiringToken?: boolean) => void

frontend/src/components/DashboardDay.tsx

@@ -27,7 +27,7 @@ import LectureNumber from "./LectureNumber"
 import Loading from "./Loading"
 import UncontrolledTooltipWrapper from "./UncontrolledTooltipWrapper"
 
-interface Props extends AttendanceStatesContextProps {
+type Props = AttendanceStatesContextProps & {
     withoutWaiting?: boolean
     date: string
     shouldRefresh: boolean

frontend/src/components/buttons/AddButton.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Button, ButtonProps } from "reactstrap"
 import "./buttons.css"
 
-interface Props extends ButtonProps {
+type Props = ButtonProps & {
     content: string
     small?: boolean
 }

frontend/src/components/buttons/BackButton.tsx

@@ -3,7 +3,7 @@ import { Button, ButtonProps } from "reactstrap"
 import "./BackButton.css"
 import "./buttons.css"
 
-interface Props extends ButtonProps {
+type Props = ButtonProps & {
     content?: string
 }
 

frontend/src/components/buttons/CustomButton.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Button, ButtonProps } from "reactstrap"
 import { noop } from "../../global/utils"
 
-interface Props extends ButtonProps {
+type Props = ButtonProps & {
     content: React.ReactNode
 }
 

frontend/src/components/buttons/DeleteButton.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Button, ButtonProps } from "reactstrap"
 
-interface Props extends ButtonProps {
+type Props = ButtonProps & {
     content?: string
 }
 

frontend/src/components/buttons/EditButton.tsx

@@ -5,7 +5,7 @@ import { Button, ButtonProps } from "reactstrap"
 import { makeIdFromString } from "../../global/utils"
 import UncontrolledTooltipWrapper from "../UncontrolledTooltipWrapper"
 
-interface Props extends ButtonProps {
+type Props = ButtonProps & {
     content?: string
 }
 

frontend/src/components/buttons/SubmitButton.tsx

@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import * as React from "react"
 import { Button, ButtonProps } from "reactstrap"
 
-interface Props extends ButtonProps {
+type Props = ButtonProps & {
     content?: string
     loading?: boolean
     disabled?: boolean

frontend/src/contexts/AttendanceStatesContext.tsx

@@ -4,12 +4,12 @@ import { noop } from "../global/utils"
 import { AttendanceStateType } from "../types/models"
 import { fFunction } from "../types/types"
 
-interface StateContext {
+type StateContext = {
     isLoaded: boolean
     attendancestates: Array<AttendanceStateType>
 }
 
-interface Context extends StateContext {
+type Context = StateContext & {
     funcRefresh: (callback?: fFunction) => void
 }
 

frontend/src/contexts/ClientsActiveContext.tsx

@@ -4,16 +4,16 @@ import { clientName, noop } from "../global/utils"
 import { ClientActiveType } from "../types/models"
 import { fEmptyVoid, fFunction } from "../types/types"
 
-interface StateContext {
+type StateContext = {
     isLoaded: boolean
     clients: Array<ClientActiveType>
 }
 
-interface State extends StateContext {
+type State = StateContext & {
     loadRequested: boolean
 }
 
-interface Context extends StateContext {
+type Context = StateContext & {
     funcRefresh: (callback?: fFunction) => void
     funcHardRefresh: fEmptyVoid
 }

frontend/src/contexts/CoursesVisibleContext.tsx

@@ -4,16 +4,16 @@ import { noop } from "../global/utils"
 import { CourseType } from "../types/models"
 import { fEmptyVoid, fFunction } from "../types/types"
 
-interface StateContext {
+type StateContext = {
     isLoaded: boolean
     courses: Array<CourseType>
 }
 
-interface State extends StateContext {
+type State = StateContext & {
     loadRequested: boolean
 }
 
-interface Context extends StateContext {
+type Context = StateContext & {
     funcRefresh: (callback?: fFunction) => void
     funcHardRefresh: fEmptyVoid
 }

frontend/src/contexts/GroupsActiveContext.tsx

@@ -4,16 +4,16 @@ import { noop } from "../global/utils"
 import { GroupType } from "../types/models"
 import { fEmptyVoid, fFunction } from "../types/types"
 
-interface StateContext {
+type StateContext = {
     isLoaded: boolean
     groups: Array<GroupType>
 }
 
-interface State extends StateContext {
+type State = StateContext & {
     loadRequested: boolean
 }
 
-interface Context extends StateContext {
+type Context = StateContext & {
     funcRefresh: (callback?: fFunction) => void
     funcHardRefresh: fEmptyVoid
 }

frontend/src/pages/Settings.tsx

@@ -24,7 +24,7 @@ import { CustomRouteComponentProps, QA } from "../types/types"
 import APP_URLS from "../urls"
 import "./Settings.css"
 
-interface VisibleProps extends QA {
+type VisibleProps = QA & {
     visible: boolean
 }
 

frontend/src/types/models.ts

@@ -7,7 +7,7 @@ Reprezentují data tak, jak je obdržíme z API.
 Respektují způsoby vnoření dat a všechny možnosti API.
 ************************************************************************************************* */
 
-export interface ClientType extends Model {
+export type ClientType = Model & {
     active: boolean
     email: string
     note: string
@@ -16,34 +16,34 @@ export interface ClientType extends Model {
     surname: string
 }
 
-export interface ClientActiveType extends ClientType {
+export type ClientActiveType = ClientType & {
     normalized: Array<string>
 }
 
-export interface CourseType extends Model {
+export type CourseType = Model & {
     name: string
     color: string
     duration: number
     visible: boolean
 }
 
-export interface MembershipType extends Model {
+export type MembershipType = Model & {
     prepaid_cnt: number
     client: ClientType
 }
 
-export interface ApplicationType extends Model {
+export type ApplicationType = Model & {
     note: string
     created_at: string
     client: ClientType
     course: CourseType
 }
 
-export interface LectureTypeWithDate extends LectureType {
+export type LectureTypeWithDate = LectureType & {
     start: string
 }
 
-export interface LectureType extends Model {
+export type LectureType = Model & {
     course: CourseType
     start: string | null
     group: null | GroupType
@@ -53,7 +53,7 @@ export interface LectureType extends Model {
     attendances: Array<AttendanceType>
 }
 
-export interface AttendanceType extends Model {
+export type AttendanceType = Model & {
     client: ClientType
     remind_pay: boolean
     note: string
@@ -62,14 +62,14 @@ export interface AttendanceType extends Model {
     attendancestate: AttendanceStateType["id"]
 }
 
-export interface GroupType extends Model {
+export type GroupType = Model & {
     name: string
     memberships: Array<MembershipType>
     active: boolean
     course: CourseType
 }
 
-export interface AttendanceStateType extends Model {
+export type AttendanceStateType = Model & {
     name: string
     visible: boolean
     default?: boolean

frontend/src/types/types.ts

@@ -3,17 +3,17 @@ import * as React from "react"
 import { RouteProps, StaticContext } from "react-router"
 import { RouteComponentProps } from "react-router-dom"
 
-export interface Model {
+export type Model = {
     id: number
 }
 
 export type ErrMsg = React.ReactElement | string
 
-export interface CustomRouteProps extends RouteProps {
+export type CustomRouteProps = RouteProps & {
     title: string
 }
 
-export interface QA {
+export type QA = {
     "data-qa"?: string
 }