diff --git a/src/pages/course/course.tsx b/src/pages/course/course.tsx index c99b48c..d5ed0ec 100644 --- a/src/pages/course/course.tsx +++ b/src/pages/course/course.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import { observer } from 'mobx-react'; import * as helpres from '@educt/helpers'; import { Redirect } from 'react-router-dom'; import { Flex, Box, Text, Heading, Button, Grid, GridItem, Divider, AvatarGroup, Avatar } from '@chakra-ui/react'; @@ -8,7 +9,7 @@ import { Tabs, TabList, TabPanels, Tab, TabPanel } from '@chakra-ui/react'; /** * Types */ -import { IPageProps } from '@educt/interfaces'; +import type { IPageProps } from '@educt/interfaces'; /** * Components @@ -23,7 +24,6 @@ import LoadingPage from '@educt/components/LoadingPage'; import { useHistory, useParams } from 'react-router-dom'; import { useFetchCourse } from '@educt/hooks/queries'; import { useRootStore } from '@educt/hooks/useRootStore'; -import { observer } from 'mobx-react'; const CoursePage: React.FC = () => { const { diff --git a/src/pages/course/index.tsx b/src/pages/course/index.tsx index e511c1d..79d0d75 100644 --- a/src/pages/course/index.tsx +++ b/src/pages/course/index.tsx @@ -1,4 +1,5 @@ -import React, { useRef, useState } from 'react'; +import React from 'react'; +import { runInAction } from 'mobx'; import moment from 'moment'; import * as helpers from '@educt/helpers'; import { Link as ReactRouterLink } from 'react-router-dom'; @@ -31,15 +32,15 @@ import { /** * Types */ -import type { ICourse, ILesson } from '@educt/interfaces'; +import type { ICourse } from '@educt/interfaces'; /** * Hooks */ +import { useState } from 'react'; import { useColorModeValue } from '@chakra-ui/react'; import { useRootStore } from '@educt/hooks/useRootStore'; import { CourseServiceInstance } from '@educt/services'; -import { runInAction } from 'mobx'; export const CourseHeader: React.FC = props => (