ClassItemWrapper -> ClassItem

src/ui/pages/course/Course.tsx

@@ -6,7 +6,7 @@ import { CourseClassPlayer } from "../../components/courseclassplayer/CourseClas
 import { Grid, HSpacing, List, WiderThan } from "../../stylesheets/Mixins";
 import { px } from "../../stylesheets/Units";
 import { Breakpoint } from "../../stylesheets/Variables";
-import { ClassItemWrapper } from "./classitemwrapper/ClassItemWrapper";
+import { ClassItem } from "./classitem/ClassItem";
 import { CourseBase } from "./CourseBase";
 
 export class Course extends CourseBase {
@@ -102,7 +102,7 @@ export class Course extends CourseBase {
 	public renderContent() {
 		const { match } = this.props;
 		const { params } = match;
-		const { courseCode, classNo } = params;
+		const { classNo } = params;
 
 		const { courseState } = this.store;
 		const { currentCourse } = courseState;
@@ -155,7 +155,7 @@ export class Course extends CourseBase {
 					{!_.isNil(currentCourse.value) &&
 						!_.isNil(currentCourse.value.classes) &&
 						currentCourse.value.classes.map(clazz => (
-							<ClassItemWrapper
+							<ClassItem
 								key={clazz.code}
 								course={currentCourse.value!}
 								clazz={clazz}

src/ui/pages/course/classitemwrapper/ClassItemWrapper.tsx → src/ui/pages/course/classitem/ClassItem.tsx

@@ -3,9 +3,9 @@ import { NavLink } from "react-router-dom";
 import styled from "styled-components";
 import { HSpacing, ListItem } from "../../../stylesheets/Mixins";
 import { px } from "../../../stylesheets/Units";
-import { ClassItemWrapperBase } from "./ClassItemWrapperBase";
+import { ClassItemBase } from "./ClassItemBase";
 
-export class ClassItemWrapper extends ClassItemWrapperBase {
+export class ClassItem extends ClassItemBase {
 	protected Code = styled.div`
 		font-weight: bold;
 		justify-self: center;
@@ -17,7 +17,7 @@ export class ClassItemWrapper extends ClassItemWrapperBase {
 		justify-self: start;
 	`;
 
-	protected InnerDiv = styled.div`
+	protected Content = styled.div`
 		display: flex;
 		${HSpacing(px(20))};
 	`;
@@ -43,17 +43,17 @@ export class ClassItemWrapper extends ClassItemWrapperBase {
 	public render() {
 		const { course, clazz } = this.props;
 
-		const { Code, Title, InnerDiv, Wrapper } = this;
+		const { Code, Title, Content, Wrapper } = this;
 
 		return (
 			<Wrapper
 				activeClassName="active"
 				to={`/courses/${course.code}/${clazz.code}`}>
-				<InnerDiv>
+				<Content>
 					<Code>{clazz.code}</Code>
 
 					<Title>{clazz.title}</Title>
-				</InnerDiv>
+				</Content>
 			</Wrapper>
 		);
 	}

src/ui/pages/course/classitemwrapper/ClassItemWrapperBase.ts → src/ui/pages/course/classitem/ClassItemBase.ts

@@ -5,14 +5,14 @@ import {
 	BaseComponentState
 } from "../../../components/BaseComponent";
 
-export interface ClassItemWrapperProps extends BaseComponentProps {
+export interface ClassItemProps extends BaseComponentProps {
 	course: Models.Course;
 	clazz: Models.CourseClass;
 }
 
-export interface ClassItemWrapperState extends BaseComponentState {}
+export interface ClassItemState extends BaseComponentState {}
 
-export abstract class ClassItemWrapperBase<
-	P extends ClassItemWrapperProps = ClassItemWrapperProps,
-	S extends ClassItemWrapperState = ClassItemWrapperState
+export abstract class ClassItemBase<
+	P extends ClassItemProps = ClassItemProps,
+	S extends ClassItemState = ClassItemState
 > extends BaseComponent<P, S> {}