{"version":3,"file":"index.4e9fcaad.js","sources":["../../vite/modulepreload-polyfill","../../src/assets/home-header.webp","../../src/assets/home-curve-transition.svg","../../src/assets/star.svg","../../src/assets/worst-of-worst-background.webp","../../src/App.config.ts","../../src/services/auth.service.ts","../../src/services/http.service.ts","../../src/services/logger.service.ts","../../src/services/review.service.ts","../../src/utils/getRandomSubarray.ts","../../src/utils/intersectingDbEntities.ts","../../src/services/teacher.service.ts","../../src/services/index.ts","../../src/components/Backdrop.tsx","../../src/constants/departments.ts","../../src/hooks/useAuth.ts","../../src/hooks/useObservable.ts","../../src/hooks/useProtectedRoute.ts","../../src/hooks/useService.ts","../../src/hooks/useQuery.ts","../../src/hooks/useWindowSize.ts","../../src/hooks/useTailwindBreakpoints.ts","../../src/components/EvaluateTeacherForm.tsx","../../src/components/SearchBar.tsx","../../src/assets/Logo.png","../../src/components/Navbar.tsx","../../src/components/NewTeacherForm.tsx","../../src/components/TeacherCard.tsx","../../src/components/MinMaxSlider.tsx","../../src/components/Filters.tsx","../../src/components/ClassSection.tsx","../../src/components/AutoComplete.tsx","../../src/pages/Home.tsx","../../src/pages/Login.tsx","../../src/pages/NewTeacher.tsx","../../src/pages/Search.tsx","../../src/pages/TeacherPage.tsx","../../src/pages/About.tsx","../../src/App.tsx","../../src/main.tsx"],"sourcesContent":["const p = function polyfill() {\n    const relList = document.createElement('link').relList;\n    if (relList && relList.supports && relList.supports('modulepreload')) {\n        return;\n    }\n    for (const link of document.querySelectorAll('link[rel=\"modulepreload\"]')) {\n        processPreload(link);\n    }\n    new MutationObserver((mutations) => {\n        for (const mutation of mutations) {\n            if (mutation.type !== 'childList') {\n                continue;\n            }\n            for (const node of mutation.addedNodes) {\n                if (node.tagName === 'LINK' && node.rel === 'modulepreload')\n                    processPreload(node);\n            }\n        }\n    }).observe(document, { childList: true, subtree: true });\n    function getFetchOpts(script) {\n        const fetchOpts = {};\n        if (script.integrity)\n            fetchOpts.integrity = script.integrity;\n        if (script.referrerpolicy)\n            fetchOpts.referrerPolicy = script.referrerpolicy;\n        if (script.crossorigin === 'use-credentials')\n            fetchOpts.credentials = 'include';\n        else if (script.crossorigin === 'anonymous')\n            fetchOpts.credentials = 'omit';\n        else\n            fetchOpts.credentials = 'same-origin';\n        return fetchOpts;\n    }\n    function processPreload(link) {\n        if (link.ep)\n            // ep marker = processed\n            return;\n        link.ep = true;\n        // prepopulate the load record\n        const fetchOpts = getFetchOpts(link);\n        fetch(link.href, fetchOpts);\n    }\n};__VITE_IS_MODERN__&&p();","export default \"__VITE_ASSET__6c92036b__\"","export default \"__VITE_ASSET__e73e0055__\"","export default \"__VITE_ASSET__7e79bd14__\"","export default \"__VITE_ASSET__3f2466ee__\"","interface AppConfiguration {\n  remoteUrl: string;\n  base: string;\n}\n\nconst devConfig: AppConfiguration = {\n  remoteUrl: 'https:///sunder.polyratings.dev',\n  base: '/',\n};\n\nconst prodConfig: AppConfiguration = {\n  remoteUrl: 'https://api-beta.polyratings.dev',\n  base: '/',\n};\n\nconst githubPagesConfig: AppConfiguration = {\n  remoteUrl: 'https://api-beta.polyratings.dev',\n  base: '/polyratings-revamp/',\n};\n\nconst regularConfig = process.env.NODE_ENV === 'development' ? devConfig : prodConfig;\n\nexport const config = window.location.href.includes('github.io')\n  ? githubPagesConfig\n  : regularConfig;\n","import { BehaviorSubject } from 'rxjs';\nimport { JwtAuthResponse, UserToken } from '@polyratings/shared';\nimport jwtDecode from 'jwt-decode';\nimport { config } from '@/App.config';\n\nconst USER_LOCAL_STORAGE_KEY = 'user';\n\nexport class AuthService {\n  private jwtToken: string | null = null;\n\n  public isAuthenticatedSubject = new BehaviorSubject<null | UserToken>(null);\n\n  constructor(private storage: Storage, private fetch: typeof window.fetch) {\n    const jwt = storage.getItem(USER_LOCAL_STORAGE_KEY) as string | null;\n    if (jwt) {\n      this.setAuthState(jwt);\n    }\n  }\n\n  public getJwt(): string | null {\n    return this.jwtToken;\n  }\n\n  public getUser(): UserToken | null {\n    return this.jwtToken ? jwtDecode(this.jwtToken) : null;\n  }\n\n  public async login(username: string, password: string): Promise<UserToken> {\n    const loginRes = await this.fetch(`${config.remoteUrl}/login`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify({ username, password }),\n    });\n    \n    if(loginRes.status >= 300) {\n      const errorPayload = await loginRes.json()\n      throw errorPayload.message\n    }\n\n    const loginBody = (await loginRes.json()) as JwtAuthResponse;\n    const jwt = loginBody.accessToken;\n\n    // We know that this is a valid user since we just got a jwt\n    return this.setAuthState(jwt) as UserToken;\n  }\n\n  public signOut() {\n    this.setAuthState(null);\n  }\n\n  private setAuthState(jwtToken: string | null): UserToken | null {\n    this.jwtToken = jwtToken;\n    const user = this.getUser();\n    this.isAuthenticatedSubject.next(user);\n    if (jwtToken) {\n      this.storage.setItem(USER_LOCAL_STORAGE_KEY, jwtToken);\n    } else {\n      this.storage.removeItem(USER_LOCAL_STORAGE_KEY);\n    }\n    return user;\n  }\n}\n","import { AuthService } from './auth.service';\n\nexport class HttpService {\n  constructor(private authService: AuthService, private globalFetch: typeof window.fetch) {}\n\n  async fetch(input: string, init: RequestInit = {}): Promise<Response> {\n    init.headers = init.headers || {};\n    const jwt = this.authService.getJwt();\n    if (jwt) {\n      // @ts-expect-error error since can't normally index header object. The way that its going to be used will be fine though\n      init.headers.Authorization = `Bearer ${jwt}`;\n    }\n    const res = await this.globalFetch(input, init);\n    if (res.status === 401) {\n      // TODO: Find a way to do this cleaner\n      this.authService.signOut();\n      const LOGIN_ROUTE = '/login';\n      if (window.location.pathname !== LOGIN_ROUTE) {\n        window.location.replace(LOGIN_ROUTE);\n      }\n    }\n    if (res.status >= 300) {\n      const errorPayload = await res.json()\n      throw errorPayload.message\n    }\n    return res;\n  }\n}\n","/* eslint-disable no-console */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable class-methods-use-this */\n\nexport class Logger {\n  info(...args: any[]) {\n    console.log(...args);\n  }\n\n  warn(...args: any[]) {\n    console.warn(...args);\n  }\n\n  error(...args: any[]) {\n    console.error(...args);\n  }\n\n  debug(...args: any[]) {\n    console.debug(...args);\n  }\n}\n","import { Teacher, AddReview } from '@polyratings/shared';\nimport { config } from '@/App.config';\nimport { HttpService } from './http.service';\n\nexport class ReviewService {\n  constructor(private httpService: HttpService) {}\n\n  async uploadReview(newReview: AddReview): Promise<Teacher> {\n    const res = await this.httpService.fetch(`${config.remoteUrl}/review`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(newReview),\n    });\n    return res.json();\n  }\n}\n","/* eslint-disable no-plusplus */\nexport function getRandomSubarray<T>(arr: T[], size: number): T[] {\n  const shuffled = arr.slice(0);\n  let i = arr.length;\n  const min = i - size;\n  let temp;\n  let index;\n  while (i-- > min) {\n    index = Math.floor((i + 1) * Math.random());\n    temp = shuffled[index];\n    shuffled[index] = shuffled[i];\n    shuffled[i] = temp;\n  }\n  return shuffled.slice(min);\n}\n","import { DbEntryProperties } from '@polyratings/shared';\n\nexport function intersectingDbEntities<T extends DbEntryProperties>(\n  arrays: T[][],\n): { intersect: T[]; nonIntersect: T[] } {\n  if (arrays.length === 1) {\n    return {\n      intersect: arrays[0],\n      nonIntersect: [],\n    };\n  }\n  const idToEntity = arrays.flat().reduce((acc: { [id: string]: T }, curr) => {\n    acc[curr.id] = curr;\n    return acc;\n  }, {});\n  const idArrays = arrays.map((arr) => arr.map((x) => x.id));\n  let intersectionSet = new Set(idArrays[0]);\n  idArrays.slice(1).forEach((array) => {\n    const compareSet = new Set(array);\n    intersectionSet = new Set([...intersectionSet].filter((x) => compareSet.has(x)));\n  });\n\n  const nonIntersect = arrays.flat().filter((x) => !intersectionSet.has(x.id));\n\n  return {\n    intersect: Array.from(intersectionSet).map((id) => idToEntity[id]),\n    nonIntersect,\n  };\n}\n","import { Teacher, TeacherIdResponse } from '@polyratings/shared';\nimport { config } from '@/App.config';\nimport { getRandomSubarray, intersectingDbEntities } from '@/utils';\nimport { HttpService } from './http.service';\n\nexport const TEACHER_CACHE_TIME = 1000 * 60 * 10;\nconst ALL_TEACHER_CACHE_KEY = 'ALL_TEACHERS';\nconst INDIVIDUAL_TEACHER_CACHE_KEY = 'TEACHERS';\n\ninterface TeacherCacheEntry {\n  exp: number;\n  teacher: Teacher;\n}\n\nexport type TeacherSearchType = 'name' | 'department' | 'class';\n\nexport class TeacherService {\n  private allTeachers: Promise<Teacher[]>;\n\n  private teacherCache: { [id: string]: TeacherCacheEntry };\n\n  constructor(private httpService: HttpService, private storage: Storage) {\n    const individualTeacherCacheStr = this.storage.getItem(INDIVIDUAL_TEACHER_CACHE_KEY);\n    this.teacherCache = individualTeacherCacheStr ? JSON.parse(individualTeacherCacheStr) : {};\n\n    const cachedAllTeacherCacheStr = this.storage.getItem(ALL_TEACHER_CACHE_KEY);\n    if (cachedAllTeacherCacheStr) {\n      const allTeacherCache: { exp: number; data: Teacher[] } =\n        JSON.parse(cachedAllTeacherCacheStr);\n      if (Date.now() < allTeacherCache.exp) {\n        // List has not expired\n        this.allTeachers = Promise.resolve(allTeacherCache.data);\n        // Return early no need to fetch the teacher list\n        return;\n      }\n    }\n\n    this.allTeachers = (async () => {\n      const res = await this.httpService.fetch(`${config.remoteUrl}/professors`);\n      const data = await res.json();\n      this.storage.setItem(\n        ALL_TEACHER_CACHE_KEY,\n        JSON.stringify({\n          exp: Date.now() + TEACHER_CACHE_TIME,\n          data,\n        }),\n      );\n      return data;\n    })();\n  }\n\n  public async getRandomBestTeacher(): Promise<Teacher> {\n    const allTeachers = await this.allTeachers;\n    const rankedTeachers = allTeachers\n      .filter((t) => t.numEvals > 10)\n      .sort((a, b) => b.overallRating - a.overallRating);\n    return getRandomSubarray(rankedTeachers.slice(0, 30), 1)[0];\n  }\n\n  public async getRandomWorstTeachers(): Promise<Teacher[]> {\n    const allTeachers = await this.allTeachers;\n    const rankedTeachers = allTeachers\n      .filter((t) => t.numEvals > 10)\n      .sort((a, b) => a.overallRating - b.overallRating);\n    return getRandomSubarray(rankedTeachers.slice(0, 30), 6);\n  }\n\n  public async getTeacher(id: string): Promise<Teacher> {\n    if (this.teacherCache[id]) {\n      if (Date.now() < this.teacherCache[id].exp) {\n        return this.teacherCache[id].teacher;\n      }\n      this.removeTeacherFromCache(id);\n    }\n\n    const res = await this.httpService.fetch(`${config.remoteUrl}/professors/${id}`);\n\n    const teacher: Teacher = await res.json();\n    // Make sure reviews are in dated order\n    Object.values(teacher.reviews ?? []).forEach((reviewArr) =>\n      reviewArr.sort((a, b) => Date.parse(b.postDate.toString()) - Date.parse(a.postDate.toString())),\n    );\n    this.addTeacherToCache(teacher);\n    return teacher;\n  }\n\n  public async searchForTeacher(type: TeacherSearchType, value: string): Promise<Teacher[]> {\n    const allTeachers = await this.allTeachers;\n\n    switch (type) {\n      case 'name': {\n        const tokens = value.toLowerCase().split(' ');\n        const tokenMatches = tokens.map((token) =>\n          allTeachers.filter((teacher) =>\n            `${teacher.lastName}, ${teacher.firstName}`.toLowerCase().includes(token),\n          ),\n        );\n        const { intersect, nonIntersect } = intersectingDbEntities(tokenMatches);\n        return [...intersect, ...nonIntersect];\n      }\n      case 'class': {\n        const courseName = value.toUpperCase();\n        // use includes to possibly be more lenient\n        return allTeachers.filter((teacher) =>\n          teacher.courses.find((course) => course.includes(courseName)),\n        );\n      }\n      case 'department': {\n        const department = value.toUpperCase();\n        // Use starts with since most times with department you are looking for an exact match\n        return allTeachers.filter((teacher) => teacher.department.startsWith(department));\n      }\n      default:\n        throw new Error(`Invalid Search Type: ${type}`);\n    }\n  }\n\n  public async getAllTeachers(): Promise<Teacher[]> {\n    return this.allTeachers;\n  }\n\n  public async addNewTeacher(newTeacher: Teacher): Promise<number> {\n    const res = await this.httpService.fetch(`${config.remoteUrl}/teacher`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(newTeacher),\n    });\n    const teacherIdResponse = (await res.json()) as TeacherIdResponse;\n    return teacherIdResponse.teacherId;\n  }\n\n  private addTeacherToCache(teacher: Teacher) {\n    this.teacherCache[teacher.id] = {\n      teacher,\n      exp: Date.now() + TEACHER_CACHE_TIME,\n    };\n    this.storage.setItem(INDIVIDUAL_TEACHER_CACHE_KEY, JSON.stringify(this.teacherCache));\n  }\n\n  private removeTeacherFromCache(id: string) {\n    delete this.teacherCache[id];\n    this.storage.setItem(INDIVIDUAL_TEACHER_CACHE_KEY, JSON.stringify(this.teacherCache));\n  }\n}\n","import { DependencyInjector, InjectionToken, makeInjector } from '@mindspace-io/react';\nimport { AuthService } from './auth.service';\nimport { HttpService } from './http.service';\nimport { Logger } from './logger.service';\nimport { ReviewService } from './review.service';\nimport { TeacherService } from './teacher.service';\n\nexport const LOCAL_STORAGE = new InjectionToken<Storage>('local-storage');\nexport const FETCH = new InjectionToken<typeof fetch>('fetch');\n\nexport const injector: DependencyInjector = injectorFactory();\n\nexport function injectorFactory() {\n  return makeInjector([\n    { provide: LOCAL_STORAGE, useValue: window.localStorage },\n    { provide: FETCH, useFactory: () => window.fetch.bind(window) },\n    { provide: AuthService, useClass: AuthService, deps: [LOCAL_STORAGE, FETCH] },\n    { provide: HttpService, useClass: HttpService, deps: [AuthService, FETCH] },\n    { provide: TeacherService, useClass: TeacherService, deps: [HttpService, LOCAL_STORAGE] },\n    { provide: ReviewService, useClass: ReviewService, deps: [HttpService] },\n    { provide: Logger, useClass: Logger },\n  ]);\n}\n\nexport { AuthService, HttpService, TeacherService, ReviewService, Logger };\n","import { ReactNode, useEffect } from 'react';\n\nexport function Backdrop({ children }: { children: ReactNode }) {\n  window.scrollTo(0, 0);\n\n  // Fix scroll position\n  useEffect(() => {\n    document.body.style.height = '100vh';\n    document.body.style.overflowY = 'hidden';\n    return () => {\n      document.body.style.height = 'auto';\n      document.body.style.overflowY = 'auto';\n    };\n  }, []);\n\n  return (\n    <div\n      className=\"bg-black bg-opacity-80 flex justify-center items-center absolute left-0 w-screen h-screen z-10\"\n      style={{ top: window.pageYOffset }}\n    >\n      {children}\n    </div>\n  );\n}\n","export const departments = [\n  'AERO',\n  'BIO',\n  'IT',\n  'CHEM',\n  'MATH',\n  'ARCH',\n  'ENGL',\n  'PHIL',\n  'AGB',\n  'ASCI',\n  'ART',\n  'EE',\n  'BUS',\n  'PHYS',\n  'SOC',\n  'CSC',\n  'JOUR',\n  'FSN',\n  'IME',\n  'DSCI',\n  'POLS',\n  'SS',\n  'CE',\n  'TH',\n  'ARCE',\n  'LA',\n  'MU',\n  'ME',\n  'COMS',\n  'NRM',\n  'STAT',\n  'ECON',\n  'EDUC',\n  'HIST',\n  'CPE',\n  'CRSC',\n  'PSY',\n  'WGS',\n  'CRP',\n  'ES',\n  'MSC',\n  'EHS',\n  'AGED',\n  'HUM',\n  'BRAE',\n  'GRC',\n  'MATE',\n  'LS',\n  'CM',\n  'PE',\n  'ENGR',\n  'BMED',\n  'SCI',\n  'GBA',\n  'WS',\n].sort();\n","import { AuthService } from '@/services';\nimport { useService, useObservable } from '.';\n\nexport function useAuth() {\n  const authService = useService(AuthService);\n  const isAuthenticated = useObservable(authService.isAuthenticatedSubject, authService.getUser());\n  return isAuthenticated;\n}\n","import { useEffect, useState } from 'react';\nimport { Observable } from 'rxjs';\n\nexport function useObservable<T>(observable: Observable<T>, initial: T) {\n  const [value, setValue] = useState<T>(initial);\n  useEffect(() => {\n    const sub = observable.subscribe(setValue);\n    return () => {\n      sub.unsubscribe();\n    };\n  }, []);\n  return value;\n}\n","import { useEffect } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { toast } from 'react-toastify';\nimport { UserToken } from '@polyratings/shared';\nimport { useAuth } from './useAuth';\n\nexport function useProtectedRoute<B extends boolean>(\n  authenticated: B,\n  redirect: string,\n  toastMessage?: (user: B extends false ? UserToken : null) => string,\n) {\n  // Redirect to home if logged in\n  const user = useAuth();\n  const history = useHistory();\n  useEffect(() => {\n    if (authenticated === !user) {\n      if (toastMessage) {\n        // Typescript can not properly deduce that the type has to be User\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        toast.info(toastMessage(user as any));\n      }\n      history.replace(redirect);\n    }\n  }, [user]);\n}\n","import { useInjectorHook } from '@mindspace-io/react';\nimport { injector } from '@/services';\n\ntype Constructs<T> = new (...args: never[]) => T;\n\nexport function useService<T>(token: Constructs<T>): T {\n  const [service] = useInjectorHook(token, injector);\n  return service;\n}\n","import { useMemo } from 'react';\nimport { useLocation } from 'react-router-dom';\n\n// From: https://v5.reactrouter.com/web/example/query-parameters\n// A custom hook that builds on useLocation to parse\n// the query string for you.\nexport function useQuery() {\n  const { search } = useLocation();\n\n  return useMemo(() => new URLSearchParams(search), [search]);\n}\n","import { useState, useEffect } from 'react';\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\n// From https://usehooks.com/useWindowSize/ used to bind to the window size\nexport function useWindowSize(): Size {\n  const [windowSize, setWindowSize] = useState<Size>({\n    width: 0,\n    height: 0,\n  });\n\n  useEffect(() => {\n    function handleResize() {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    }\n\n    // Add event listener\n    window.addEventListener('resize', handleResize);\n\n    // Call handler right away so state gets updated with initial window size\n    handleResize();\n\n    // Remove event listener on cleanup\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return windowSize;\n}\n","import { useEffect, useState } from 'react';\nimport { useWindowSize } from './useWindowSize';\n\nexport interface TailwindBreakpoints<T> {\n  sm?: T;\n  md?: T;\n  lg?: T;\n  xl?: T;\n  '2xl'?: T;\n}\n\nconst breakpointRanges: TailwindBreakpoints<[number, number]> = {\n  sm: [640, 768],\n  md: [768, 1024],\n  lg: [1024, 1280],\n  xl: [1280, 1536],\n  '2xl': [1536, Infinity],\n};\n\ntype breakpointRangeEntry = [keyof typeof breakpointRanges, [number, number]];\n\nexport function useTailwindBreakpoint<T>(breakpoints: TailwindBreakpoints<T>, defaultValue: T): T {\n  const windowSize = useWindowSize();\n  const [outputValue, setOutputValue] = useState<T>(defaultValue);\n  const internalValues: TailwindBreakpoints<T> = {};\n  internalValues.sm = breakpoints.sm ?? defaultValue;\n  internalValues.md = breakpoints.md ?? internalValues.sm;\n  internalValues.lg = breakpoints.lg ?? internalValues.md;\n  internalValues.xl = breakpoints.xl ?? internalValues.lg;\n  internalValues['2xl'] = breakpoints['2xl'] ?? internalValues.xl;\n\n  useEffect(() => {\n    const windowWidth = window.innerWidth;\n    const entry = (Object.entries(breakpointRanges) as breakpointRangeEntry[]).find(\n      ([, [lower, upper]]) => windowWidth >= lower && windowWidth < upper,\n    );\n\n    if (entry) {\n      // If we have a key T will be defined due to the internalValues setup above\n      const [key] = entry;\n      setOutputValue(internalValues[key] as T);\n    } else {\n      setOutputValue(defaultValue);\n    }\n  }, [windowSize.width]);\n\n  return outputValue;\n}\n","import { RefObject, useState } from 'react';\nimport { useForm, SubmitHandler } from 'react-hook-form';\nimport { ErrorMessage } from '@hookform/error-message';\nimport { toast } from 'react-toastify';\nimport ClipLoader from 'react-spinners/ClipLoader';\nimport { CourseType, Grade, GradeLevel, Teacher, AddReview } from '@polyratings/shared';\nimport { ReviewService } from '@/services';\nimport { departments } from '@/constants';\nimport { useService } from '@/hooks';\n\ninterface EvaluateTeacherFormInputs {\n  knownClass: string;\n  overallRating: number;\n  recognizesStudentDifficulties: number;\n  presentsMaterialClearly: number;\n  reviewText: string;\n  unknownClassDepartment: string;\n  unknownClassNumber: number;\n  year: string;\n  grade: string;\n  reasonForTaking: string;\n}\n\ninterface EvaluateTeacherFormProps {\n  teacher: Teacher | null;\n  setTeacher: (teacher: Teacher) => void;\n  closeForm: () => void;\n  overrideSubmitHandler?: (review: AddReview) => void | Promise<void>;\n  innerRef?: RefObject<HTMLFormElement>;\n}\nexport function EvaluateTeacherForm({\n  teacher,\n  setTeacher,\n  closeForm,\n  overrideSubmitHandler,\n  innerRef,\n}: EvaluateTeacherFormProps) {\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n  } = useForm<EvaluateTeacherFormInputs>({\n    defaultValues: {\n      knownClass: Object.keys(teacher?.reviews || {})[0],\n    },\n  });\n  const knownClassValue = watch('knownClass');\n  const reviewService = useService(ReviewService);\n  const [networkErrorText, setNetworkErrorText] = useState('');\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit: SubmitHandler<EvaluateTeacherFormInputs> = async (formResult) => {\n    setLoading(true);\n    const newReview: AddReview = {\n      overallRating: formResult.overallRating,\n      recognizesStudentDifficulties: formResult.recognizesStudentDifficulties,\n      presentsMaterialClearly: formResult.presentsMaterialClearly,\n      // Purposely set null as any due to use case where when teacher == null teacherId is not used\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      teacherId: teacher?.id || (null as any),\n      classIdOrName:\n        formResult.knownClass ||\n        `${formResult.unknownClassDepartment} ${formResult.unknownClassNumber}`,\n      review: {\n        gradeLevel: formResult.year as GradeLevel,\n        grade: formResult.grade as Grade,\n        courseType: formResult.reasonForTaking as CourseType,\n        rating: formResult.reviewText,\n        postDate: new Date()\n      },\n    };\n    if (overrideSubmitHandler) {\n      overrideSubmitHandler(newReview);\n    } else {\n      try {\n        const newTeacherData = await reviewService.uploadReview(newReview);\n        setTeacher(newTeacherData);\n        toast.success('Thank you for your review');\n        closeForm();\n      } catch (e) {\n        setNetworkErrorText(e as string);\n      }\n    }\n    setLoading(false);\n  };\n\n  const numericalRatings: { label: string; inputName: keyof EvaluateTeacherFormInputs }[] = [\n    { label: 'Overall Rating', inputName: 'overallRating' },\n    { label: 'Recognizes Student Difficulties', inputName: 'recognizesStudentDifficulties' },\n    { label: 'Presents Material Clearly', inputName: 'presentsMaterialClearly' },\n  ];\n\n  const classInformation: {\n    label: string;\n    inputName: keyof EvaluateTeacherFormInputs;\n    options: string[];\n  }[] = [\n    {\n      label: 'Year',\n      inputName: 'year',\n      options: ['Freshman', 'Sophomore', 'Junior', 'Senior', 'Grad'],\n    },\n    {\n      label: 'Grade Achieved',\n      inputName: 'grade',\n      options: ['A', 'A-', 'B+', 'B', 'B-', 'C+', 'C', 'C-', 'D+', 'D', 'D-', 'F', 'CR', 'NC'],\n    },\n    {\n      label: 'Reason For Taking',\n      inputName: 'reasonForTaking',\n      options: ['Required (Major)', 'Required (Support)', 'Elective'],\n    },\n  ];\n\n  return (\n    <form className=\"relative w-full\" onSubmit={handleSubmit(onSubmit)} ref={innerRef}>\n      {teacher && (\n        <div\n          className=\"absolute right-0 top-0 p-3 font-bold cursor-pointer hidden sm:block\"\n          onClick={closeForm}\n        >\n          X\n        </div>\n      )}\n      {teacher && (\n        <h2 className=\"text-2xl font-bold hidden sm:block mb-4\">\n          Evaluate {teacher.lastName},{teacher.firstName}\n        </h2>\n      )}\n\n      <h4>Class</h4>\n      <div className=\"flex flex-col sm:flex-row sm:justify-between\">\n        {teacher && (\n          <select className=\"h-7 rounded w-40 text-black\" {...register('knownClass')}>\n            {Object.keys(teacher.reviews || {})?.map((c) => (\n              <option value={c} key={c}>\n                {c}\n              </option>\n            ))}\n            <option value=\"\">Other</option>\n          </select>\n        )}\n\n        <div\n          className=\"text-black pt-1 sm:pt-0\"\n          style={{ display: knownClassValue ? 'none' : 'block' }}\n        >\n          <select className=\"h-7 rounded\" {...register('unknownClassDepartment')}>\n            {departments.map((d) => (\n              <option key={d} value={d}>\n                {d}\n              </option>\n            ))}\n          </select>\n          <input\n            className=\"h-7 w-16 ml-2 rounded appearance-none\"\n            type=\"number\"\n            placeholder=\"class #\"\n            {...register('unknownClassNumber', {\n              required: { value: !knownClassValue, message: 'Class Number is required' },\n            })}\n          />\n        </div>\n      </div>\n      <ErrorMessage\n        errors={errors}\n        name=\"unknownClassNumber\"\n        as=\"div\"\n        className=\"text-red-500 text-sm\"\n      />\n      <div className=\"mt-2\">\n        {numericalRatings.map((rating) => (\n          <div key={rating.label}>\n            <div className=\"mt-1 flex justify-between\">\n              <h4>{rating.label}</h4>\n              <div className=\"flex\">\n                <select {...register(rating.inputName)} className=\"text-black rounded md:hidden\">\n                  {[4, 3, 2, 1, 0].map((n) => (\n                    <option key={n} value={n}>\n                      {n}\n                    </option>\n                  ))}\n                </select>\n                {[0, 1, 2, 3, 4].map((n) => (\n                  <label key={n} className=\"mr-3 hidden md:block\">\n                    <input\n                      type=\"radio\"\n                      className=\"mr-1 form-radio\"\n                      value={n}\n                      {...register(rating.inputName)}\n                    />\n                    {n}\n                  </label>\n                ))}\n              </div>\n            </div>\n            <ErrorMessage\n              errors={errors}\n              name={rating.inputName}\n              as=\"div\"\n              className=\"text-red-500 text-sm\"\n            />\n          </div>\n        ))}\n      </div>\n      <div className=\"mt-2\">\n        {classInformation.map((dropdown) => (\n          <div key={dropdown.label}>\n            <div className=\"mt-1 flex justify-between\">\n              <h4>{dropdown.label}</h4>\n              <select {...register(dropdown.inputName)} className=\"w-40 text-black rounded\">\n                {dropdown.options.map((option) => (\n                  <option value={option} key={option}>\n                    {option}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        ))}\n      </div>\n      <h4 className=\"mt-4\">Review:</h4>\n      <textarea\n        {...register('reviewText', {\n          required: { value: true, message: 'Writing a review is required' },\n        })}\n        className=\"w-full h-64 rounded text-black p-2\"\n      />\n      <ErrorMessage errors={errors} name=\"reviewText\" as=\"div\" className=\"text-red-500 text-sm\" />\n      <div className=\"flex justify-center mt-2\">\n        {teacher && (\n          <div>\n            <button\n              className=\"bg-cal-poly-gold sm:bg-cal-poly-green text-white rounded-lg p-2 shadow w-24\"\n              style={{ display: loading ? 'none' : 'block' }}\n              type=\"button\"\n            >\n              Submit\n            </button>\n            {/* Exact size for no layer shift */}\n            <ClipLoader color=\"#1F4715\" loading={loading} size={34} />\n          </div>\n        )}\n      </div>\n      <div className=\"text-red-500 text-sm\">{networkErrorText}</div>\n    </form>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { TeacherSearchType, TeacherService } from '@/services/teacher.service';\nimport { AutoComplete } from '.';\nimport { useService } from '@/hooks';\nimport { departments } from '@/constants';\n\nexport interface SearchState {\n    type: TeacherSearchType;\n    searchValue: string;\n}\n\ninterface SearchBarProps {\n    showOnlyInput: boolean;\n    initialState?: SearchState;\n    onChange?: (value: SearchState) => void | Promise<void>;\n    disableAutoComplete?: boolean;\n}\nexport function SearchBar({\n    initialState,\n    onChange,\n    showOnlyInput,\n    disableAutoComplete = false,\n}: SearchBarProps) {\n    const [searchValue, setSearchValue] = useState(initialState?.searchValue ?? '');\n    const [searchType, setSearchType] = useState<TeacherSearchType>(initialState?.type ?? 'name');\n    const teacherService = useService(TeacherService);\n    const formRef = useRef<HTMLFormElement>(null);\n\n    useEffect(() => {\n        if (onChange) {\n            onChange({ type: searchType, searchValue });\n        }\n    }, [searchValue, searchType]);\n\n    const history = useHistory();\n\n    const onFormSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n        e.preventDefault();\n        history.push(`/search/${searchType}?term=${encodeURIComponent(searchValue)}`);\n    };\n\n    const autoCompleteFilter = async (value: string): Promise<string[]> => {\n        // eslint-disable-next-line default-case\n        switch (searchType) {\n            case 'name':\n                return teacherService\n                    .searchForTeacher(searchType, value)\n                    .then((result) => result.map((t) => `${t.lastName}, ${t.firstName}`));\n            case 'department':\n                return departments.filter((dep) => dep.includes(value.toUpperCase()));\n            case 'class': {\n                const allTeachers = await teacherService.getAllTeachers();\n                const allCourses = new Set(allTeachers.flatMap((t) => t.courses));\n                return [...allCourses].filter((course) => course.includes(value.toUpperCase()));\n            }\n        }\n        throw new Error('Not all autocomplete cases handled');\n    };\n\n    return (\n        <form\n            className=\"flex flex-col md:flex-row justify-center items-center py-6\"\n            onSubmit={onFormSubmit}\n            ref={formRef}\n        >\n            <div className=\"flex\">\n                {showOnlyInput && (\n                    <select\n                        value={searchType}\n                        onChange={(e) => setSearchType(e.target.value as TeacherSearchType)}\n                        className=\"hidden md:block rounded w-40 mr-4 bg-gray-100 font-medium border-2 border-black\"\n                    >\n                        <option value=\"name\">Professor</option>\n                        <option value=\"class\">Class</option>\n                        <option value=\"department\">Department</option>\n                    </select>\n                )}\n\n                <AutoComplete\n                    onResult={(value) => {\n                        setSearchValue(value);\n                        // let update happen first\n                        setTimeout(() => formRef.current?.requestSubmit());\n                    }}\n                    onChange={setSearchValue}\n                    placeholder={`Enter a ${searchType}`}\n                    filterFn={autoCompleteFilter}\n                    maxDropDownSize={5}\n                    value={searchValue}\n                    className=\"w-72 h-8 font-normal text-lg\"\n                    disableDropdown={disableAutoComplete}\n                />\n            </div>\n            {showOnlyInput && (\n                <button\n                    className=\"bg-cal-poly-green text-white rounded-md px-5 ml-5 h-8 mt-3 lg:mt-0\"\n                    type=\"submit\"\n                >\n                    Submit\n                </button>\n            )}\n        </form>\n    );\n}\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAYAAADsHujfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVuSURBVHgBvVdrbBRVFL5zZnZ3dmd2t13a7ra1lZaCvF82+AMQNQYSMUKCDSYaQ+IP/ePjh4kxJkg0phEEE2PU4B+DiYnWRIzPYJSHiRUMxlJaWhYECl3a3Xbbnd3Znded69xZFpdlaPpY9ksmO/ex9373O+eec4ZBd0DHWytWLFw+/phf1DoEMdPCexSeEDQrMAxCJmGQpvDSRLL66OiY8N1Hh9Z/g459phTmsE5/fPyN9nWbt0Y/jUSkpwKBTBMwhtci4bKGZv1YXFw8b4jzajIrImF544KmhDasbhhIRaM2GaaEA7z2ZXPnosWjzxNTDRpG/jTlBlVWEIBcuxb8/vVXHn0S9Xdptyiy/e3VmzZsvHSAmFoA47tDgoKuizFhqkP6ApefOdV3JB69SWRH56o1WzZf+AQRpZmSuNugqhCTQGNDtnkUNpyAwsDiRfGtbk9umWmiioGa3sXhhQ9tirZxN/oYQdSfAcbkkANzsOhyLGBF45PEZLJW34yMBgDWlrkIxxm+4puXN70yr6U1VmNv/PQHbX5BGG5yMglrGc9l+fzgYPhgetJzJJnypNAMYehuvHzlyPvNTYm1qnrrGMMQwvOY2EROHl/S9PDGiz4nIhzHKv39Dfv27ry6G80Bq36qdewnVnzJZQDZPuLzayEWnKNVVvZe6Bus/RbNAVWrd1UJQjZc6n+2w2JOTUmiaivS0paoYiA/UAzOGs2kYfTKJTFe6Nuxd/XClffFX+YF5UET294yZby1Tsx4+a/Dgl8Oa9qtIYG+E+Ay44lA2iYSCUlB4nBbqJNqOsiN947JZ2/0rVk5/E5LS3KbpmI3JT4drzVJ/oY4xSVsgDomCXlFqkK5uoIixZOpo2Zk19iZWKsVhvtRR+eqna0tPR2ZzO3qzRYEQTYW82cBdXSwqsGE6aaljKkiisxNXD/Yrix9bktozdrL23W9fCTAPryZ1k02A/cg5PYLuRonR6KbMiw7hNAes/3+obWhkLE+l0NlAyVirSfNjyQlaGuMejweHHQ6Je3DGOy4EQ4ll7Cg1pcz/1Aius5qvb1hDUSBCF5BD5TGELohfc721Cdo2x/QliIGc6iMoO6QU/jJmDE/C7GR2gALbKDUNIWTx1N+if7qOl/ncpXJOdD/F0PXYXj0c0WB+oakD8AUnIhoGqDxEd+I3UakppxmKSg+2NfYjVAXhpo6medY4in1EZuI6lbal52foG1gy3dbKGiwlGV3+p++1j/t9esjksAwWCydSO2nqK7Jw+OCbRpDZ6VyKkJz2MV/w+9e7uqyFQeMSBBYIpROzNuPy6GDp3Xa9nrlEV2fOxOqqs+HUGI88Mvg+cihm8QMlW1mAPuQQ4jXDddo4T0t8T31kYxmEMM9G2UoAaqyzwtaPBE89uqb2561qvjJwjh4vFi0HPG2a0mDGcvoiUJ7YKCh28D8ALXtTH2FxgtBoEQ4M3qh/uPjvzW/WEyCguPdWjVySKD01ErOfTPrHt7992klt+6FJ7affc8qNQUyXTaEMU2MpJ7euqPnzkR+/HX/H38hNHzbNA5jd5DjTERTdAkVpBggF/f83HmqO2s8sEsUTAFNE0aOIQjz0hHxkato/x7jTvM4BkETgNMQQ6wlrpf2nth3MopmhRNTjkJpQVuAgVlF8BkjqEIAr08JOX9CcLIswRiqEKgiQSciJgZ1Ih1QUYUAPK/ciYgcjwlZVCEAAyZyyjMmMdINDekZf8PMmohTDZ5PeCBfvVJdOUVYDkGxIvTd5bLrhImhofAEqhAglxXPi0W5l+cpO3fq9+7FB3q/+KFiRNja5W0xq1RsdHmUOksNI5USz0WjdR8eemnPV1bBUsYKZGr8BzFtYlLqZ8alAAAAAElFTkSuQmCC\"","import { Link, useLocation } from 'react-router-dom';\nimport '@/styles/hamburgers.css';\nimport AnimateHeight from 'react-animate-height';\nimport { useEffect, useState } from 'react';\nimport { AuthService } from '@/services';\nimport { useService, useAuth } from '@/hooks';\nimport { SearchBar } from './SearchBar';\nimport Logo from '@/assets/Logo.png';\n\nconst HIDE_SEARCH_BAR_ROUTES = ['/', '/search/name', '/search/class', '/search/department'];\n\nexport function Navbar() {\n  const [mobileNavOpen, setMobileNav] = useState(false);\n  const triggerMobileNav = () => setMobileNav(!mobileNavOpen);\n  const isAuthenticated = useAuth();\n  const authService = useService(AuthService);\n  const location = useLocation();\n  const [showInputBar, setShowInputBar] = useState(true);\n\n  useEffect(() => {\n    const matchingRoute = HIDE_SEARCH_BAR_ROUTES.find((route) => location.pathname === route);\n    setShowInputBar(!matchingRoute);\n  }, [location]);\n\n  return (\n    <div className=\"w-screen bg-cal-poly-green h-12 flex justify-between px-5 items-center\">\n      <Link to=\"/\" onClick={() => setMobileNav(false)}>\n        <img src={Logo} alt=\"Polyratings logo\" className=\"h-8\" />\n      </Link>\n\n      <div\n        onClick={triggerMobileNav}\n        className={`hamburger hamburger--slider block md:hidden  ${\n          mobileNavOpen ? 'is-active hamburgerTurn' : ''\n        }`}\n      >\n        <div className=\"hamburger-box\">\n          <div className=\"hamburger-inner bg-white\" />\n        </div>\n      </div>\n\n      {/* Mobile hamburger dropdown */}\n      <AnimateHeight\n        duration={500}\n        height={mobileNavOpen ? 'auto' : 0}\n        className=\"absolute top-12 left-0 bg-cal-poly-green w-full z-50 transform -translate-y-1\"\n      >\n        <div className=\"flex flex-col text-center text-xl text-white\">\n          <Link className=\"my-1\" to=\"/\" onClick={triggerMobileNav}>\n            Home\n          </Link>\n          <Link className=\"my-1\" to=\"/newTeacher\" onClick={triggerMobileNav}>\n            {' '}\n            Add a Teacher\n          </Link>\n          <Link className=\"my-1\" to=\"/search/name\" onClick={triggerMobileNav}>\n            Professor List\n          </Link>\n          <Link className=\"my-1\" to=\"/about\" onClick={triggerMobileNav}>\n            About\n          </Link>\n          {/* <Link className=\"mr-7\" to=\"contact\">Contact</Link> */}\n          {isAuthenticated && (\n            <div\n              className=\"my-1\"\n              onClick={() => {\n                authService.signOut();\n                triggerMobileNav();\n              }}\n            >\n              Sign Out\n            </div>\n          )}\n        </div>\n      </AnimateHeight>\n\n      <div className=\"text-white hidden md:flex items-center text-lg font-semibold\">\n        {showInputBar && (\n          <div className=\"text-black mr-7\">\n            <SearchBar showOnlyInput={false} />\n          </div>\n        )}\n\n        <Link className=\"mr-7\" to=\"/newTeacher\">\n          {' '}\n          Add a Teacher\n        </Link>\n        <Link className=\"mr-7\" to=\"/search/name\">\n          {' '}\n          Professor List\n        </Link>\n        <Link className=\"mr-7\" to=\"/about\">\n          {' '}\n          About\n        </Link>\n        {/* <Link className=\"mr-7\" to=\"contact\">Contact</Link> */}\n        {isAuthenticated && (\n          <div\n            onClick={() => authService.signOut()}\n            className=\"rounded-full border-white pl-3 pr-3 border-2 pt-px pb-px cursor-pointer\"\n          >\n            SIGN OUT\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n","import { useState, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { ErrorMessage } from '@hookform/error-message';\n// import { EvaluateTeacherForm } from \"./EvaluateTeacherForm\";\nimport ClipLoader from 'react-spinners/ClipLoader';\nimport { Teacher, AddReview } from '@polyratings/shared';\nimport { toast } from 'react-toastify';\nimport { useHistory } from 'react-router';\nimport { TeacherService } from '@/services';\nimport { departments } from '@/constants';\nimport { useService } from '@/hooks';\nimport { EvaluateTeacherForm } from '.';\n\ninterface NewTeacherFormInputs {\n  teacherFirstName: string;\n  teacherLastName: string;\n  teacherDepartment: string;\n}\n\nexport const NEW_TEACHER_FORM_WIDTH = 475;\n\nexport function NewTeacherForm() {\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n  } = useForm<NewTeacherFormInputs>();\n  const teacherService = useService(TeacherService);\n  const [networkErrorText, setNetworkErrorText] = useState('');\n  const [loading, setLoading] = useState(false);\n  const reviewFormRef = useRef<HTMLFormElement>(null);\n  const teacherFormRef = useRef<HTMLFormElement>(null);\n  const history = useHistory();\n\n  // This is needed to synchronize the two forms\n  const kickOffSubmit = () => {\n    if (!teacherFormRef.current) {\n      return;\n    }\n    // @ts-expect-error Ignore ts error for onSubmit handler\n    teacherFormRef.current.onsubmit = handleSubmit(() => {});\n    // Double submit form to get error messages\n    teacherFormRef.current?.requestSubmit();\n    reviewFormRef.current?.requestSubmit();\n  };\n\n  // Use closure in order to access the data from the two forms\n  const reviewFormSubmitOverride = (reviewOverrideData: AddReview) => {\n    if (!teacherFormRef.current) {\n      return;\n    }\n    // @ts-expect-error Ignore ts error for onSubmit handler\n    teacherFormRef.current.onsubmit = handleSubmit(async (teacherData) => {\n      setLoading(true);\n      const newTeacher: Teacher = {\n        id: '',\n        firstName: teacherData.teacherFirstName,\n        lastName: teacherData.teacherLastName,\n        department: teacherData.teacherDepartment,\n        numEvals: 1,\n        overallRating: reviewOverrideData.overallRating,\n        studentDifficulties: reviewOverrideData.recognizesStudentDifficulties,\n        materialClear: reviewOverrideData.presentsMaterialClearly,\n        courses: [reviewOverrideData.classIdOrName],\n        reviews: {\n          [reviewOverrideData.classIdOrName]: [reviewOverrideData.review],\n        },\n      };\n\n      try {\n        const newTeacherId = await teacherService.addNewTeacher(newTeacher);\n        toast.success('Thank you for adding a teacher');\n        history.push(`/teacher/${newTeacherId}`);\n      } catch (e) {\n        setNetworkErrorText(e as string);\n      }\n      setLoading(false);\n    });\n    teacherFormRef.current?.requestSubmit();\n  };\n\n  return (\n    <div className=\"p-5 bg-gray-300 opacity-100 rounded relative\" style={{ width: '40rem' }}>\n      <form onSubmit={handleSubmit(() => {})} ref={teacherFormRef}>\n        <h2 className=\"text-2xl font-bold\">Teacher</h2>\n        <div className=\"flex mt-2\">\n          <h4>Department</h4>\n          <select className=\"h-7 rounded ml-2\" {...register('teacherDepartment')}>\n            {departments.map((d) => (\n              <option key={d} value={d}>\n                {d}\n              </option>\n            ))}\n          </select>\n        </div>\n        <div className=\"flex mt-2\">\n          <h4>First Name</h4>\n          <input\n            type=\"text\"\n            className=\"rounded h-7 w-44 ml-4 pl-2\"\n            placeholder=\"First Name\"\n            {...register('teacherFirstName', {\n              required: { value: true, message: 'Teacher First Name Required' },\n            })}\n          />\n        </div>\n        <div className=\"flex mt-1\">\n          <h4>Last Name</h4>\n          <input\n            type=\"text\"\n            className=\"rounded h-7 w-44 ml-4 pl-2\"\n            placeholder=\"Last Name\"\n            {...register('teacherLastName', {\n              required: { value: true, message: 'Teacher Last Name Required' },\n            })}\n          />\n        </div>\n        <ErrorMessage\n          errors={errors}\n          name=\"teacherName\"\n          as=\"div\"\n          className=\"text-red-500 text-sm\"\n        />\n        <ErrorMessage\n          errors={errors}\n          name=\"teacherName\"\n          as=\"div\"\n          className=\"text-red-500 text-sm\"\n        />\n      </form>\n      <h2 className=\"text-2xl font-bold my-2\">Review</h2>\n      <EvaluateTeacherForm\n        teacher={null}\n        setTeacher={() => {}}\n        closeForm={() => {}}\n        innerRef={reviewFormRef}\n        overrideSubmitHandler={reviewFormSubmitOverride}\n      />\n\n      <div className=\"flex justify-center mt-2\">\n        <button\n          className=\"bg-cal-poly-green text-white rounded-lg p-2 shadow w-24\"\n          type=\"button\"\n          onClick={kickOffSubmit}\n          style={{ display: loading ? 'none' : 'block' }}\n        >\n          Submit\n        </button>\n        {/* Exact size for no layer shift when replacing button */}\n        <ClipLoader color=\"#1F4715\" loading={loading} size={34} />\n      </div>\n      <div className=\"text-red-500 text-sm\">{networkErrorText}</div>\n    </div>\n  );\n}\n","import { Teacher } from '@polyratings/shared';\nimport { useHistory } from 'react-router-dom';\nimport star from '@/assets/star.svg';\nimport { useService } from '@/hooks';\nimport { TeacherService } from '@/services';\n\ninterface TeacherCardProps {\n  teacher: Teacher | null;\n  beforeNavigation?: () => void | (() => Promise<void>);\n}\n\nexport const TEACHER_CARD_HEIGHT = 160;\n\nexport function TeacherCard({ teacher, beforeNavigation = () => {} }: TeacherCardProps) {\n  const history = useHistory();\n  const teacherService = useService(TeacherService);\n\n  const onClick = async () => {\n    // await the pre-navigation handler passed into the component\n    await Promise.resolve(beforeNavigation());\n\n    // Load teacher into the local teacher card for next page to load immediately\n    if (teacher) {\n      await teacherService.getTeacher(teacher.id);\n      history.push(`/teacher/${teacher.id}`);\n    }\n  };\n\n  return (\n    <div onClick={onClick}>\n      <div\n        className=\"w-full h-32 border-cal-poly-gold border-4 bg-white flex justify-between items-center text-cal-poly-green cursor-pointer\"\n        style={{ borderRadius: '1.5rem' }}\n      >\n        <h3 className=\"text-3xl font-medium pl-3\">\n          {teacher?.lastName}, {teacher?.firstName}\n        </h3>\n        <div className=\"text-right text-xl pr-3 font-medium flex-shrink-0\">\n          <div>{teacher?.department}</div>\n          <div className=\"flex items-center justify-end\">\n            <img className=\"pr-1 h-4\" src={star} alt=\"\" />\n            <div>{teacher?.overallRating}</div>\n          </div>\n          <div>{teacher?.numEvals} evals</div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import Slider, { createSliderWithTooltip } from 'rc-slider';\nimport 'rc-slider/assets/index.css';\n\nconst Range = createSliderWithTooltip(Slider.Range);\n\ninterface MinMaxSliderProps {\n  domain: [number, number];\n  value: [number, number];\n  onchange: (pos: [number, number]) => void;\n  resolution?: number;\n}\n\nconst overrideHoverCss = `\n.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n    border-color: #1F4715;\n    box-shadow: 0 0 0 5px rgb(31, 71, 21, 0.5);\n}\n`;\n\nexport function MinMaxSlider({\n  domain: [min, max],\n  value,\n  onchange,\n  resolution = (max - min) / 20,\n}: MinMaxSliderProps) {\n  const marks = {\n    [min]: min,\n    [max]: max,\n  };\n  const handleStyles = { borderColor: '#1F4715' };\n  return (\n    <div className=\"w-full h-10\">\n      <style>{overrideHoverCss}</style>\n      <Range\n        onChange={(v) => onchange(v as [number, number])}\n        value={value}\n        trackStyle={[{ backgroundColor: '#1F4715' }]}\n        handleStyle={[handleStyles, handleStyles]}\n        min={min}\n        max={max}\n        defaultValue={[min, max]}\n        step={resolution}\n        marks={marks}\n        tipFormatter={(value) => `${value}`}\n      />\n    </div>\n  );\n}\n","import { useLocation } from 'react-router-dom';\nimport { useState, useEffect, forwardRef, useImperativeHandle } from 'react';\nimport { Teacher } from '@polyratings/shared';\nimport { MinMaxSlider } from '@/components';\n\ntype SortingOptions =\n  | 'relevant'\n  | 'alphabetical'\n  | 'overallRating'\n  | 'recognizesStudentDifficulties'\n  | 'presentsMaterialClearly';\n\nexport interface FilterProps {\n  teachers: Teacher[];\n  onUpdate: (teachers: Teacher[]) => void;\n  className?: string;\n}\n\nexport interface FilterHandle {\n  getState: () => FilterState;\n}\n\nexport interface FilterState {\n  departmentFilters: { name: string; state: boolean }[];\n  avgRatingFilter: [number, number];\n  studentDifficultyFilter: [number, number];\n  materialClearFilter: [number, number];\n  sortBy: SortingOptions;\n  numberOfEvaluationsFilter: [number, number];\n  reverseFilter: boolean;\n}\n\n// eslint-disable-next-line react/function-component-definition\nconst FilterRenderFunction: React.ForwardRefRenderFunction<FilterHandle, FilterProps> = (\n  { teachers, onUpdate, className },\n  ref,\n) => {\n  const location = useLocation();\n  const previousState = location.state as FilterState | undefined;\n  // Component State\n  const [departmentFilters, setDepartmentFilters] = useState<{ name: string; state: boolean }[]>(\n    previousState?.departmentFilters ?? [],\n  );\n  const [avgRatingFilter, setAvgRatingFilter] = useState<[number, number]>(\n    previousState?.avgRatingFilter ?? [0, 4],\n  );\n  const [studentDifficultyFilter, setStudentDifficultyFilter] = useState<[number, number]>(\n    previousState?.studentDifficultyFilter ?? [0, 4],\n  );\n  const [materialClearFilter, setMaterialClearFilter] = useState<[number, number]>(\n    previousState?.materialClearFilter ?? [0, 4],\n  );\n  const [numberOfEvaluationsFilter, setNumberOfEvaluationsFilter] = useState<[number, number]>(\n    previousState?.numberOfEvaluationsFilter ?? [1, 2],\n  );\n  const [reverseFilter, setReverseFilter] = useState(previousState?.reverseFilter ?? false);\n  const [sortBy, setSortBy] = useState<SortingOptions>(previousState?.sortBy ?? 'relevant');\n\n  // Internal duplicate of result\n  const [preDepartmentFilters, setPreDepartmentFilters] = useState<Teacher[]>([]);\n  // On change duplicate result to the outside world\n  useEffect(() => {\n    const depFilters = departmentFilters.filter(({ state }) => state).map(({ name }) => name);\n    const teachersToEmit = preDepartmentFilters.filter(\n      (teacher) => depFilters.length === 0 || depFilters.includes(teacher.department),\n    );\n    onUpdate(teachersToEmit);\n  }, [preDepartmentFilters, departmentFilters]);\n\n  const getState: () => FilterState = () => ({\n    departmentFilters,\n    avgRatingFilter,\n    studentDifficultyFilter,\n    materialClearFilter,\n    sortBy,\n    numberOfEvaluationsFilter,\n    reverseFilter,\n  });\n\n  useImperativeHandle(ref, () => ({\n    getState,\n  }));\n\n  const getEvaluationDomain: (data: Teacher[]) => [number, number] = (\n    data: Teacher[],\n  ) => [\n    data.reduce((acc, curr) => (curr.numEvals < acc ? curr.numEvals : acc), Infinity),\n    data.reduce((acc, curr) => (curr.numEvals > acc ? curr.numEvals : acc), -Infinity),\n  ];\n\n  const generateDepartmentFilters = (list: Teacher[]) => {\n    const departments = [...new Set(list.map((t) => t.department))];\n    const previousSelectedMap = departmentFilters.reduce(\n      (acc: { [name: string]: boolean }, { name, state }) => {\n        acc[name] = state;\n        return acc;\n      },\n      {},\n    );\n    const initialDepartmentList = departments\n      .filter((dep) => !!dep)\n      .sort()\n      .map((dep) => ({ name: dep, state: !!previousSelectedMap[dep] }));\n    setDepartmentFilters(initialDepartmentList);\n  };\n\n  useEffect(() => {\n    generateDepartmentFilters(teachers);\n    const initialEvaluationRange = getEvaluationDomain(teachers);\n    setNumberOfEvaluationsFilter(initialEvaluationRange);\n  }, [teachers]);\n\n  const teacherFilterFunctions: ((teacher: Teacher) => boolean)[] = [\n    (teacher) =>\n      teacher.overallRating >= avgRatingFilter[0] && teacher.overallRating <= avgRatingFilter[1],\n\n    (teacher) =>\n      teacher.studentDifficulties >= studentDifficultyFilter[0] &&\n      teacher.studentDifficulties <= studentDifficultyFilter[1],\n\n    (teacher) =>\n      teacher.materialClear >= materialClearFilter[0] &&\n      teacher.materialClear <= materialClearFilter[1],\n\n    (teacher) =>\n      teacher.numEvals >= numberOfEvaluationsFilter[0] &&\n      teacher.numEvals <= numberOfEvaluationsFilter[1],\n  ];\n\n  const sortingMap: { [key in SortingOptions]: (a: Teacher, b: Teacher) => number } = {\n    alphabetical: (a, b) => {\n      const aName = `${a.lastName}, ${a.firstName}`;\n      const bName = `${b.lastName}, ${b.firstName}`;\n      if (aName < bName) {\n        return -1;\n      }\n      if (aName > bName) {\n        return 1;\n      }\n      return 0;\n    },\n    relevant: () => {\n      throw new Error('not a sort');\n    },\n    overallRating: (a, b) => b.overallRating - a.overallRating,\n    recognizesStudentDifficulties: (a, b) => b.studentDifficulties - a.studentDifficulties,\n    presentsMaterialClearly: (a, b) => b.materialClear - a.materialClear,\n  };\n\n  // Use keyof to hopefully stop spelling errors in the future\n  const departmentFilterKey: keyof FilterState = 'departmentFilters';\n  const filterCalculationDependencies = Object.entries(getState())\n    .filter(([k]) => k !== departmentFilterKey)\n    .map(([, v]) => v);\n\n  useEffect(() => {\n    const filteredResult = teachers.filter((teacher) => {\n      // eslint-disable-next-line no-restricted-syntax\n      for (const filterFn of teacherFilterFunctions) {\n        if (!filterFn(teacher)) {\n          return false;\n        }\n      }\n      return true;\n    });\n\n    // relevant is no sort applied\n    if (sortBy !== 'relevant') {\n      filteredResult.sort(sortingMap[sortBy]);\n    }\n\n    if (reverseFilter) {\n      filteredResult.reverse();\n    }\n\n    setPreDepartmentFilters(filteredResult);\n    generateDepartmentFilters(filteredResult);\n  }, Object.values(filterCalculationDependencies));\n\n  return (\n    <div className={className ?? ''}>\n      <h2 className=\"text-xl font-bold transform -translate-x-4 pb-1\">Sort by:</h2>\n      <div className=\"flex items-center\">\n        <select\n          className=\"block w-[106%] mt-1 h-7 border-2 border-black rounded-md transform -translate-x-2\"\n          value={sortBy}\n          onChange={(e) => setSortBy(e.target.value as SortingOptions)}\n        >\n          <option value=\"relevant\">Relevant</option>\n          <option value=\"alphabetical\">Alphabetical</option>\n          <option value=\"overallRating\">Overall Rating</option>\n          <option value=\"recognizesStudentDifficulties\">Recognizes Student Difficulty</option>\n          <option value=\"presentsMaterialClearly\">Presents Material Clearly</option>\n        </select>\n        {/* Sorting Arrow */}\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className={`h-5 w-5 hover:text-cal-poly-green transform transition-all ${\n            reverseFilter ? 'rotate-180' : ''\n          }`}\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          onClick={() => setReverseFilter(!reverseFilter)}\n        >\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M8 7l4-4m0 0l4 4m-4-4v18\"\n          />\n        </svg>\n      </div>\n\n      <h2 className=\"text-xl font-bold transform -translate-x-4 py-1\">Filters:</h2>\n\n      <div className=\"block xl:hidden mb-2\">\n        <h3>Department:</h3>\n        <select\n          className=\"w-[106%] mt-1 h-7 border-2 border-black rounded-md transform -translate-x-2\"\n          onChange={(e) => {\n            const value = parseInt(e.target.value, 10);\n            const newDepartmentFilters = [...departmentFilters].map(({ name }) => ({\n              name,\n              state: false,\n            }));\n            if (value !== -1) {\n              newDepartmentFilters[value].state = true;\n            }\n            setDepartmentFilters(newDepartmentFilters);\n          }}\n        >\n          <option value=\"-1\">Any</option>\n          {departmentFilters.map(({ name }, i) => (\n            <option value={i} key={name}>\n              {name}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {[\n        { name: 'Overall Rating:', filter: setAvgRatingFilter, value: avgRatingFilter },\n        {\n          name: 'Recognizes Student Difficulties:',\n          filter: setStudentDifficultyFilter,\n          value: studentDifficultyFilter,\n        },\n        {\n          name: 'Presents Material Clearly:',\n          filter: setMaterialClearFilter,\n          value: materialClearFilter,\n        },\n      ].map(({ name, filter, value }) => (\n        <div key={name}>\n          <h3>{name}</h3>\n          <div className=\"mt-1\">\n            <MinMaxSlider value={value} onchange={filter} domain={[0, 4]} />\n          </div>\n        </div>\n      ))}\n      <div>\n        <h3>Number of Reviews:</h3>\n        <div className=\"mt-1\">\n          <MinMaxSlider\n            value={numberOfEvaluationsFilter}\n            onchange={setNumberOfEvaluationsFilter}\n            domain={getEvaluationDomain(teachers)}\n            resolution={1}\n          />\n        </div>\n      </div>\n\n      <div className=\"hidden xl:block\">\n        <h3>Department:</h3>\n        <div className=\"grid grid-cols-2 gap-x-2\">\n          {departmentFilters.map(({ name, state }, i) => (\n            <label key={name} className=\"mt-1 flex items-center\">\n              <input\n                type=\"checkbox\"\n                checked={state}\n                className=\"h-5 w-5\"\n                onChange={(e) => {\n                  const updatedDepartmentFilters = [...departmentFilters];\n                  updatedDepartmentFilters[i].state = e.target.checked;\n                  setDepartmentFilters(updatedDepartmentFilters);\n                }}\n              />\n              <span className=\"ml-2 text-gray-700\">{name}</span>\n            </label>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const Filters = forwardRef(FilterRenderFunction);\n","import { Review } from '@polyratings/shared';\nimport { useState } from 'react';\nimport AnchorLink from 'react-anchor-link-smooth-scroll';\nimport AnimateHeight from 'react-animate-height';\n\nexport const UNEXPANDED_LIMIT = 2;\n\nexport interface ClassSectionProps {\n    reviews: Review[];\n    taughtClass: string;\n    disableDropDown:boolean\n}\n\nexport function ClassSection({\n    reviews,\n    taughtClass,\n    disableDropDown\n}:ClassSectionProps) {\n    const [expanded, setExpanded] = useState(false);\n    const unexpandedReviewCount = disableDropDown ? reviews.length : UNEXPANDED_LIMIT\n    const unexpandedReviews = reviews.slice(0, unexpandedReviewCount);\n    const expandedReviews = reviews.slice(unexpandedReviewCount);\n\n    const unexpandedPreviewHeight = (reviews: Review[]) =>\n        reviews.length > unexpandedReviewCount ? 25 : 0;\n\n    return (\n        <div className=\"pt-4 relative\" id={taughtClass}>\n            <h2 className=\"text-center text-4xl text-cal-poly-green\">{taughtClass}</h2>\n            <div className=\"container md:max-w-5xl flex flex-col m-auto px-2\">\n                {unexpandedReviews.map((review, i) => (\n                    <ReviewCard key={i} review={review} />\n                ))}\n            </div>\n\n            <AnimateHeight\n                duration={500}\n                height={expanded ? 'auto' : unexpandedPreviewHeight(reviews)}\n                className={`transition-all ${expanded ? '' : 'opacity-25'}`}\n            >\n                <div className=\"container md:max-w-5xl flex flex-col m-auto px-2\">\n                    {expandedReviews.map((review, i) => (\n                        <ReviewCard key={i} review={review} />\n                    ))}\n                </div>\n            </AnimateHeight>\n            {Boolean(expandedReviews.length) && !expanded && (\n                <div\n                    className=\"text-center transform -translate-y-1 z-10 text-cal-poly-green underline font-medium cursor-pointer\"\n                    onClick={() => setExpanded(!expanded)}\n                >\n                    Show More\n                </div>\n            )}\n            {expanded && (\n                <div className=\"flex justify-center\">\n                    <AnchorLink\n                        className=\"text-cal-poly-green underline font-medium cursor-pointer\"\n                        // Use set timeout in order for the anchor to scroll before closing the expanded reviews\n                        onClick={() => setTimeout(() => setExpanded(!expanded), 300)}\n                        href={`#${taughtClass}`}\n                    >\n                        Show Less\n                    </AnchorLink>\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction ReviewCard({ review }: { review: Review }) {\n    return (\n        <div\n            className=\"bg-white w-full rounded-3xl py-2 px-4 my-2 border-cal-poly-gold border-4 flex flex-col md:flex-row\"\n        >\n            <div className=\"hidden md:flex flex-col w-32 flex-shrink-0 m-auto mr-4 text-center text-sm\">\n                <div>{review.gradeLevel}</div>\n                <div>{review.grade}</div>\n                <div>{review.courseType}</div>\n                <div>\n                    {new Date(review.postDate).toLocaleString('en-US', {\n                        year: 'numeric',\n                        month: 'short',\n                    })}\n                </div>\n            </div>\n\n            <div className=\"flex md:hidden flex-col flex-shrink-0 m-auto text-center text-sm\">\n                <div>Year: {review.gradeLevel}</div>\n                <div>Grade Received: {review.grade}</div>\n            </div>\n\n            {/* Desktop divider */}\n            <div className=\"hidden md:flex bg-cal-poly-green w-1 mr-4 mt-2 mb-2 flex-shrink-0\" />\n            {/* Mobile divider */}\n            <div className=\"flex md:hidden bg-cal-poly-green w-4/5 h-1 m-auto my-2\" />\n\n            <div className=\"flex-grow\">{review.rating}</div>\n        </div>\n    );\n}\n","import { useState } from 'react';\nimport { useTailwindBreakpoint } from '@/hooks';\n\ninterface AutoCompleteProps {\n    onResult: (result: string) => void;\n    onChange: (partial: string) => void;\n    filterFn: (search: string) => string[] | Promise<string[]>;\n    placeholder: string;\n    maxDropDownSize: number;\n    value: string;\n    className?: string;\n    disableDropdown:boolean\n}\n\nexport function AutoComplete({\n    onResult,\n    placeholder,\n    filterFn,\n    onChange: parentOnChange,\n    maxDropDownSize,\n    value: inputValue,\n    className = '',\n    disableDropdown\n}: AutoCompleteProps) {\n    const [filteredSuggestions, setFilteredSuggestions] = useState<string[]>([]);\n    const [showSuggestions, setShowSuggestions] = useState(false);\n    const [activeSuggestionIndex, setActiveSuggestionIndex] = useState(-1);\n\n    // Disable autocomplete on small devices\n    const deviceSupportsDropdown = useTailwindBreakpoint({ md: true }, false);\n\n    const onChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\n        const userInput = e.target.value;\n        parentOnChange(userInput);\n\n        // Filter our suggestions that don't contain the user's input\n        let searchResults = await Promise.resolve(filterFn(userInput));\n\n        if (searchResults.length > maxDropDownSize) {\n            searchResults = searchResults.slice(0, maxDropDownSize);\n        }\n\n        setActiveSuggestionIndex(-1);\n        setFilteredSuggestions(searchResults);\n        setShowSuggestions(true);\n    };\n\n    const onClick = (clickedValue:string) => {\n        parentOnChange(clickedValue);\n        onResult(clickedValue);\n        setShowSuggestions(false);\n    };\n\n    const unFocus = () => {\n        setShowSuggestions(false);\n        setActiveSuggestionIndex(-1);\n    };\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        // eslint-disable-next-line default-case\n        switch (e.code) {\n            case 'ArrowUp':\n                e.preventDefault();\n                if (activeSuggestionIndex > -1) {\n                    setActiveSuggestionIndex(activeSuggestionIndex - 1);\n                }\n                return;\n            case 'ArrowDown':\n                e.preventDefault();\n                if (activeSuggestionIndex < filteredSuggestions.length - 1) {\n                    setActiveSuggestionIndex(activeSuggestionIndex + 1);\n                }\n                return;\n            case 'Enter':{\n                setShowSuggestions(false);\n                setActiveSuggestionIndex(-1);\n                const searchValue = activeSuggestionIndex === -1 ? inputValue : filteredSuggestions[activeSuggestionIndex]\n                parentOnChange(searchValue);\n                onResult(searchValue);\n            }\n        }\n    };\n\n    // eslint-disable-next-line react/no-unstable-nested-components\n    function SuggestionsListComponent() {\n        return filteredSuggestions.length ? (\n            <ul className=\"suggestions w-full bg-white border list-none mt-0 pl-0 z-50 relative\">\n                {filteredSuggestions.map((suggestion, index) => (\n                    <li\n                        className={`z-50 cursor-pointer ${\n                            activeSuggestionIndex === index ? 'bg-gray-300' : ''\n                        }`}\n                        onMouseEnter={() => setActiveSuggestionIndex(index)}\n                        key={suggestion}\n                        onClick={() => onClick(suggestion)}\n                        onMouseDown={(e) => e.preventDefault()}\n                    >\n                        {suggestion}\n                    </li>\n                ))}\n            </ul>\n        ) : (\n            <div className=\"no-suggestions\" />\n        );\n    }\n\n    return (\n        <div className={`${className} relative`}>\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"py-1 h-full absolute right-2 top-1/2 transform -translate-y-1/2\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n            >\n                <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n                />\n            </svg>\n            <input\n                className=\"border-2 border-black p-2 w-full h-full rounded\"\n                type=\"text\"\n                placeholder={placeholder}\n                onChange={onChange}\n                onKeyDown={onKeyDown}\n                onBlur={unFocus}\n                value={inputValue}\n            />\n            <div className=\"absolute left-0 right-0\">\n                {showSuggestions && inputValue && deviceSupportsDropdown && !disableDropdown && (\n                    <SuggestionsListComponent />\n                )}\n            </div>\n        </div>\n    );\n}\n","/* eslint-disable react/no-array-index-key */\nimport { useEffect, useState } from 'react';\nimport { Teacher } from '@polyratings/shared';\nimport homeHeader from '@/assets/home-header.webp';\nimport homeCurveTransition from '@/assets/home-curve-transition.svg';\nimport star from '@/assets/star.svg';\nimport worstOfWorstBackground from '@/assets/worst-of-worst-background.webp';\nimport { TeacherService } from '@/services';\nimport { SearchBar, TeacherCard } from '@/components';\nimport { useService } from '@/hooks';\n\nexport function Home() {\n  const [bestTeacher, setBestTeacher] = useState<Teacher | null>(null);\n  const [worstTeachers, setWorstTeachers] = useState<Teacher[]>([]);\n  const teacherService = useService(TeacherService);\n\n  useEffect(() => {\n    async function retrieveHomeData() {\n      const [bestTeacher, worstTeachers] = await Promise.all([\n        teacherService.getRandomBestTeacher(),\n        teacherService.getRandomWorstTeachers(),\n      ]);\n      setBestTeacher(bestTeacher);\n      setWorstTeachers(worstTeachers);\n    }\n    retrieveHomeData();\n  }, []);\n\n  return (\n    <div>\n      <div\n        style={{\n          backgroundImage: `url(${homeHeader})`,\n          backgroundRepeat: 'no-repeat',\n          backgroundPosition: 'center',\n          backgroundSize: 'cover',\n        }}\n        className=\"relative h-screenWoNav lg:h-screen3/5\"\n      >\n        <div className=\"flex flex-col w-full h-2/3 lg:h-80 justify-center justify-items-center\">\n          <h1 className=\"text-5xl md:text-9xl text-white text-center font-semibold drop-shadow-lg\">Polyratings</h1>\n          <div className=\"mt-6\">\n            <SearchBar showOnlyInput />\n          </div>\n        </div>\n        {/* Use -1 to make sure background image does not shine through bottom */}\n        <img\n          src={homeCurveTransition}\n          alt=\"curve transition\"\n          className=\"absolute left-0 -bottom-1 w-full lg:block hidden select-none pointer-events-none\"\n        />\n      </div>\n      <div className=\"justify-center pl-5 lg:flex hidden z-10 relative\">\n        <div className=\"w-1/2 transform xl:-translate-y-8 translate-y-2\">\n          <h2 className=\"xl:text-8xl lg:text-7xl font-semibold\">WE’RE BACK!</h2>\n          <p className=\"xl:w-2/3 lg:w-4/5 lg:text-2xl text-xl mt-8 font-medium\">\n            A good teacher can make or break a class. Here at Polyratings we believe that you should\n            not be rolling the dice when you register for a class. This version of Polyratings is a\n            ground up rebuild of the entire website. Read more about it here\n          </p>\n        </div>\n\n        <div\n          className=\"bg-cal-poly-green h-80 rounded-3xl border-8 border-black flex flex-col justify-center items-center\"\n          style={{ width: '35rem' }}\n        >\n          <h3 className=\"text-white text-5xl font-semibold text-center\">Featured Teacher</h3>\n          <div className=\"flex mt-2 mb-6\">\n            {/* Nothing Unique about items  */}\n            {[...Array(12)].map((_, i) => (\n              <img key={i} src={star} alt=\"star\" />\n            ))}\n          </div>\n          <div className=\"w-11/12\">\n            <TeacherCard teacher={bestTeacher} />\n          </div>\n        </div>\n      </div>\n      <div\n        style={{\n          backgroundImage: `url(${worstOfWorstBackground})`,\n          backgroundRepeat: 'no-repeat',\n          backgroundPosition: 'center',\n          backgroundSize: 'cover',\n          minHeight: '100vh',\n          clipPath: 'polygon(0 100%,0 10%,100% 0,100% 100%)',\n        }}\n        className=\"mt-8 xl:mt-16 lg:block hidden\"\n      >\n        <h2 className=\"text-white font-semibold text-8xl xl:text-9xl text-center pt-40\">\n          Worst of the Worst\n        </h2>\n        <div className=\"grid grid-cols-2 gap-y-14 m-auto mt-20 gap-x-12 xl:gap-x-24 w-[60rem] xl:w-[65rem]\">\n          {worstTeachers.map((teacher) => (\n            <TeacherCard key={teacher.id} teacher={teacher} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport loginBackground from '@/assets/home-header.webp';\nimport { useService, useProtectedRoute } from '@/hooks';\nimport { AuthService } from '@/services';\n\nexport function Login() {\n  const [calPolyUsername, setCalPolyUsername] = useState('');\n  const [password, setPassword] = useState('');\n  const [errorText, setErrorText] = useState('');\n  const authService = useService(AuthService);\n\n  const logUserIn = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    try {\n      await authService.login(calPolyUsername, password);\n    } catch (e) {\n      setErrorText(e as string);\n    }\n  };\n\n  // Redirect to homepage if in authenticated state\n  useProtectedRoute(false, '/', (user) => `Welcome ${user.username}`);\n\n  return (\n    <div\n      className=\"h-screenWoNav flex justify-center items-center\"\n      style={{\n        backgroundImage: `url(${loginBackground})`,\n        backgroundRepeat: 'no-repeat',\n        backgroundPosition: 'center',\n        backgroundSize: 'cover',\n      }}\n    >\n      <div className=\"p-5 transform md:-translate-y-1/4\" style={{ width: '500px' }}>\n        <div className=\"bg-white shadow-lg rounded p-10\">\n          <h2 className=\"text-3xl font-bold mb-6\">Sign In</h2>\n          <form onSubmit={(e) => logUserIn(e)}>\n            <h3 className=\"font-semibold\">Username</h3>\n            <div className=\"h-10 mb-8 flex\">\n              <input\n                type=\"text\"\n                placeholder=\"Username\"\n                className=\"border-gray-300 border w-full rounded-l h-full pl-2\"\n                value={calPolyUsername}\n                onChange={(e) => setCalPolyUsername(e.target.value)}\n              />\n            </div>\n            <h3 className=\"font-semibold\">Password</h3>\n            <div className=\"mb-8\">\n              <input\n                type=\"password\"\n                placeholder=\"Password\"\n                className=\"h-10 border-gray-300 border w-full rounded pl-2\"\n                value={password}\n                onChange={(e) => setPassword(e.target.value)}\n              />\n              <p className=\"text-red-600\">{errorText}</p>\n            </div>\n            <button className=\"w-full h-11 rounded bg-cal-poly-green text-white\" type=\"submit\">\n              Continue\n            </button>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import loginBackground from '@/assets/home-header.webp';\nimport { NewTeacherForm } from '@/components';\n\nexport function NewTeacher() {\n  // Redirect to homepage if in authenticated state\n  return (\n    <div>\n      <div\n        className=\"h-screenWoNav justify-center items-center hidden sm:flex\"\n        style={{\n          backgroundImage: `url(${loginBackground})`,\n          backgroundRepeat: 'no-repeat',\n          backgroundPosition: 'center',\n          backgroundSize: 'cover',\n        }}\n      >\n        <div className=\"shadow\">\n          <NewTeacherForm />\n        </div>\n      </div>\n      <div className=\"sm:hidden flex justify-center bg-gray-300 min-h-screenWoNav\">\n        <NewTeacherForm />\n      </div>\n    </div>\n  );\n}\n","import { useHistory, useParams } from 'react-router-dom';\nimport { useState, useEffect, useRef, ElementRef } from 'react';\nimport { Teacher } from '@polyratings/shared';\nimport { WindowScroller } from 'fish-react-virtualized/dist/commonjs/WindowScroller';\nimport { List } from 'fish-react-virtualized/dist/commonjs/List';\nimport { Location } from 'history';\nimport { TeacherService, Logger } from '@/services';\nimport {\n  TeacherCard,\n  SearchBar,\n  SearchState,\n  Filters,\n  TEACHER_CARD_HEIGHT,\n  FilterState,\n} from '@/components';\nimport { useService, useQuery, useTailwindBreakpoint } from '@/hooks';\nimport { TeacherSearchType } from '@/services/teacher.service';\n\nexport interface SearchPageState {\n  searchTerm: SearchState;\n}\n\nexport interface SearchPageProps {\n  location: Location;\n}\n\nexport function Search({ location }: SearchPageProps) {\n  const previousState = location.state as SearchPageState | undefined;\n  const query = useQuery();\n\n  const navigatedSearchTerm = query.get('term');\n  const { searchType } = useParams<{ searchType: TeacherSearchType }>();\n\n  const teacherService = useService(TeacherService);\n\n  const loadedSearchTerm = previousState?.searchTerm ?? {\n    type: searchType,\n    searchValue: navigatedSearchTerm ?? '',\n  };\n  const [searchState, setSearchState] = useState<SearchState>(loadedSearchTerm);\n  const [searchResults, setSearchResults] = useState<Teacher[]>([]);\n  const [mobileFiltersOpened, setMobileFiltersOpened] = useState(false);\n\n  const [filteredTeachers, setFilteredTeachers] = useState<Teacher[]>([]);\n  const ref = useRef<ElementRef<typeof Filters>>(null);\n\n  const history = useHistory();\n  // This saves the current state of the filters by replacing the current route\n  // with one with the state object to recreate if it gets popped off the history stack\n  const saveState = () => {\n    if (!ref.current) {\n      return;\n    }\n    const currentState: SearchPageState & FilterState = {\n      searchTerm: searchState,\n      // the ref will have to be defined at this state\n      ...ref.current.getState(),\n    };\n    history.replace(location.pathname, currentState);\n  };\n\n  const listWidth = useTailwindBreakpoint(\n    {\n      sm: 600,\n      md: 672,\n      lg: 600,\n      '2xl': 672,\n    },\n    window.innerWidth - 20,\n  );\n\n  // If we remove the filters from the dom we can use one ref and simplify the process of restoring state when re-visiting route\n  const mobileFilterBreakpoint = useTailwindBreakpoint({ xl: false }, true);\n\n  useEffect(() => {\n    async function retrieveSearchData() {\n      try {\n        const result: Teacher[] = await teacherService.searchForTeacher(searchState.type, searchState.searchValue);\n        setSearchResults(result);\n      } catch (e) {\n        const logger = useService(Logger);\n        logger.error(`Failed to search for teacher with term: ${searchState}`, e);\n        history.push('/');\n      }\n    }\n    retrieveSearchData();\n  }, [searchState]);\n\n  return (\n    <div className=\"\">\n      <SearchBar initialState={searchState} onChange={setSearchState} showOnlyInput disableAutoComplete />\n      {(!searchResults.length || !filteredTeachers.length) && (\n        <h1 className=\"text-4xl mt-5 text-center text-cal-poly-green\">No Results Found</h1>\n      )}\n      {Boolean(searchResults.length) && (\n        <div className=\"relative\">\n          {!mobileFilterBreakpoint && (\n            <Filters\n              ref={ref}\n              teachers={searchResults}\n              onUpdate={setFilteredTeachers}\n              className=\"absolute left-0 top-0 pl-12 hidden xl:block\"\n            />\n          )}\n\n          {/* Mobile Filters dropdown */}\n          {mobileFilterBreakpoint && (\n            <div\n              className={`bg-gray-300 w-[calc(100vw-2rem)] h-screen fixed top-0 z-10 transition-all left-0 transform \n              ${mobileFiltersOpened ? '-translate-x-0' : '-translate-x-full'}`}\n            >\n              <div\n                onClick={() => setMobileFiltersOpened(!mobileFiltersOpened)}\n                data-testid=\"mobile-filters\"\n                className={`bg-gray-400 w-8 h-12 absolute -right-8 transition-all \n                  ${\n                    mobileFiltersOpened ? 'top-0 rounded-r-none' : 'top-14 rounded-r'\n                  } flex items-center justify-center`}\n              >\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  className={`h-6 w-6 transform transition-all ${\n                    mobileFiltersOpened ? 'rotate-180' : 'rotate-0'\n                  }`}\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M13 5l7 7-7 7M5 5l7 7-7 7\"\n                  />\n                </svg>\n              </div>\n\n              <Filters\n                ref={ref}\n                teachers={searchResults}\n                onUpdate={setFilteredTeachers}\n                className=\"pl-12 pt-6 w-4/5\"\n              />\n            </div>\n          )}\n          <div className=\"flex justify-center\">\n            <WindowScroller>\n              {({ height, isScrolling, onChildScroll, scrollTop }) => (\n                <List\n                  autoHeight\n                  height={height}\n                  isScrolling={isScrolling}\n                  onScroll={onChildScroll}\n                  rowCount={filteredTeachers.length < 8 ? 8 : filteredTeachers.length}\n                  rowHeight={TEACHER_CARD_HEIGHT}\n                  scrollTop={scrollTop}\n                  width={listWidth}\n                  // eslint-disable-next-line react/no-unstable-nested-components\n                  rowRenderer={({ style, key, index }) => (\n                    <div key={key} className=\"my-4\" style={style}>\n                      {filteredTeachers[index] && (\n                        <TeacherCard\n                          teacher={filteredTeachers[index]}\n                          beforeNavigation={saveState}\n                        />\n                      )}\n                    </div>\n                  )}\n                />\n              )}\n            </WindowScroller>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\n\n// This function Wraps the Search page so that it has the ability to swap out the page state\n// when a teacher is clicked but still has the ability to clear state when the nav bar button is clicked\n// This is an extension of ideas expressed in this thread:\n// https://stackoverflow.com/questions/38839510/forcing-a-react-router-link-to-load-a-page-even-if-were-already-on-that-page\nexport function SearchWrapper({ location }: SearchPageProps) { \n  const [prevKey, setPrevKey] = useState('')\n  if(!location.state && prevKey !== location.key) {\n    setPrevKey(location.key || `${Date.now()}`)\n  }\n  return (\n    <Search location={location} key={prevKey}/>\n  )\n}\n","/* eslint-disable react/no-unstable-nested-components */\nimport { useState, useEffect } from 'react';\nimport { useHistory, useParams } from 'react-router-dom';\nimport { Review, Teacher } from '@polyratings/shared';\nimport AnimateHeight from 'react-animate-height';\nimport AnchorLink from 'react-anchor-link-smooth-scroll';\nimport StarRatings from 'react-star-ratings';\nimport { TeacherService, Logger } from '@/services';\nimport { Backdrop, ClassSection, EvaluateTeacherForm } from '@/components';\nimport { useService } from '@/hooks';\n\ninterface ClassReviews {\n  taughtClass:string,\n  reviews:Review[]\n}\n\nexport function TeacherPage() {\n  const { id } = useParams<{ id: string }>();\n\n  const [teacherData, setTeacherData] = useState<Teacher | null>(null);\n\n  // Put classes for teachers primary department first. This is to cut down on review spamming\n  // of other departments. It is possible for a teacher to teach outside of the department but\n  // it is ok if those reviews come after the primary department\n  const [teacherReviews, SetTeacherReviews] = useState<ClassReviews[] | null>(null);\n  useEffect(() => {\n    if(!teacherData) {\n      return \n    }\n    // Sort Into Departments\n    const teacherByDepartments = \n      Object.entries(teacherData?.reviews || {})\n      .reduce((acc, [taughtClass, reviews]) => {\n        const obj:ClassReviews = {taughtClass, reviews}\n        const [department] = taughtClass.split(' ')\n        if(acc[department]) {\n          acc[department].push(obj)\n        } else {\n          acc[department] = [obj]\n        }\n        return acc\n      }, {} as {[department:string]: ClassReviews[]})\n\n    // Sort departments by class number\n    Object.values(teacherByDepartments)\n    .forEach(deparment => deparment.sort((a,b) => {\n      const [,aNumber] = a.taughtClass.split(' ')\n      const [,bNumber] = b.taughtClass.split(' ')\n      return parseInt(aNumber, 10) - parseInt(bNumber, 10)\n    }))\n\n    const primaryClasses = teacherByDepartments[teacherData.department] ?? []\n    const otherClasses = Object.entries(teacherByDepartments)\n      .filter(([department]) => department !== teacherData.department)\n      .flatMap(([,classReviews]) => classReviews)\n\n    SetTeacherReviews([...primaryClasses, ...otherClasses])\n  }, [teacherData])\n\n  const history = useHistory();\n  const teacherService = useService(TeacherService);\n  const [teacherEvaluationShownDesktop, setTeacherEvaluationShownDesktop] = useState(false);\n  const [teacherEvaluationShownMobile, setTeacherEvaluationShownMobile] = useState(false);\n\n  useEffect(() => {\n    async function retrieveTeacherData() {\n      try {\n        const result = await teacherService.getTeacher(id);\n        setTeacherData(result);\n      } catch (e) {\n        const logger = useService(Logger);\n        logger.error(`Failed to load teacher with id: ${id}`, e);\n        history.push('/');\n      }\n    }\n    retrieveTeacherData();\n  }, []);\n\n  function ClassScroll({\n    outerClassName,\n    innerClassName,\n  }: {\n    outerClassName: string;\n    innerClassName: string;\n  }) {\n    return (\n      <div className={outerClassName}>\n        {teacherReviews && teacherReviews.map(({taughtClass}) => (\n          <AnchorLink key={taughtClass} href={`#${taughtClass}`} className={innerClassName}>\n            {taughtClass}\n          </AnchorLink>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {teacherEvaluationShownDesktop && (\n        <Backdrop>\n          <div className=\"bg-gray-300 opacity-100 rounded shadow p-5\" style={{ width: '40rem' }}>\n            <EvaluateTeacherForm\n              teacher={teacherData}\n              setTeacher={setTeacherData}\n              closeForm={() => setTeacherEvaluationShownDesktop(false)}\n            />\n          </div>\n        </Backdrop>\n      )}\n\n      <div className=\"container lg:max-w-5xl mx-auto hidden sm:flex justify-between py-2\">\n        <div>\n          <h2 className=\"text-4xl text-cal-poly-green\">\n            {teacherData?.lastName}, {teacherData?.firstName}\n          </h2>\n          <div>\n            {teacherData?.overallRating && (\n              <StarRatings\n                rating={teacherData?.overallRating}\n                starRatedColor=\"#BD8B13\"\n                numberOfStars={4}\n                starDimension=\"25px\"\n                starSpacing=\"5px \"\n              />\n            )}\n          </div>\n          <button\n            onClick={() => setTeacherEvaluationShownDesktop(true)}\n            className=\"bg-cal-poly-green text-white rounded-lg p-2 shadow mt-2\"\n            type=\"button\"\n          >\n            Evaluate Teacher\n          </button>\n        </div>        <div className=\"text-right\">\n          <h2 className=\"text-4xl text-cal-poly-green\">{teacherData?.overallRating} / 4.00</h2>\n          <p>{teacherData?.numEvals} evaluations</p>\n          <p> Recognizes Student Difficulties: {teacherData?.studentDifficulties}</p>\n          <p>Presents Material Clearly: {teacherData?.materialClear} </p>\n        </div>\n      </div>\n\n      <div className=\"sm:hidden container py-2 text-center\">\n        <h2 className=\"text-4xl text-cal-poly-green\">\n          {teacherData?.lastName}, {teacherData?.firstName}\n        </h2>\n        <p>{teacherData?.department}</p>\n        <p>\n          Overall Rating:\n          {teacherData?.overallRating} / 4.00\n        </p>\n        <p>\n          Recognizes Student Difficulties:\n          {teacherData?.studentDifficulties}\n        </p>\n        <p>\n          Presents Material Clearly:\n          {teacherData?.materialClear}\n        </p>\n        <button\n          onClick={() => setTeacherEvaluationShownMobile(!teacherEvaluationShownMobile)}\n          className=\"bg-cal-poly-green text-white rounded-lg p-2 shadow mt-2\"\n          type=\"button\"\n        >\n          {teacherEvaluationShownMobile ? 'Close Evaluation' : 'Evaluate Teacher'}\n        </button>\n      </div>\n\n      <div className=\"container lg:max-w-5xl bg-cal-poly-green h-1 mx-auto mt-2\" />\n      <AnimateHeight duration={500} height={teacherEvaluationShownMobile ? 'auto' : 0}>\n        <div className=\"bg-cal-poly-green text-white p-5\">\n          <EvaluateTeacherForm\n            teacher={teacherData}\n            setTeacher={setTeacherData}\n            closeForm={() => setTeacherEvaluationShownMobile(false)}\n          />\n        </div>\n      </AnimateHeight>\n\n      {teacherReviews && teacherReviews.map(({taughtClass, reviews}) => (\n        <ClassSection \n          key={taughtClass} \n          reviews={reviews} \n          taughtClass={taughtClass} disableDropDown={teacherReviews.length < 3} \n        />\n      ))}\n      <ClassScroll\n        outerClassName=\"hidden xl:flex flex-col fixed ml-4 top-1/2 transform -translate-y-1/2 max-h-10/12 overflow-y-auto\"\n        innerClassName=\"text-cal-poly-green text-lg font-semibold mt-2\"\n      />\n      {/* Mobile class scroll needs room to see all reviews */}\n      <div className=\"block md:hidden h-16 w-full\" />\n      <ClassScroll\n        outerClassName=\"flex items-center md:hidden h-14 fixed bg-cal-poly-green w-full bottom-0 overflow-x-auto scrollbar-hidden\"\n        innerClassName=\"text-md font-semibold h-8 bg-cal-poly-gold text-white ml-4 rounded-xl py-1 px-2 whitespace-nowrap\"\n      />\n    </div>\n  );\n}\n","export function About() {\n    const cardStyle = 'bg-white px-4 py-2 shadow-md border-cal-poly-gold border-2 rounded-md mb-10'\n    const paragraphStyle = 'py-[2px]'\n    const subTitleStyle = 'text-cal-poly-green font-medium text-center text-3xl mb-2'\n    return(\n        <div className=\"container m-auto px-2 md:px-12 max-w-7xl\">\n            <h1 className=\"text-4xl text-cal-poly-green mb-7 mt-12 font-semibold pl-1 md:pl-0\">About Polyratings</h1>\n            <div className=\"w-full h-[2px] bg-cal-poly-green mb-7\" />\n\n            <div className={cardStyle}>\n                <p className={paragraphStyle}>\n                    Most people think of the Internet as a mind-boggling network of computers and technology. \n                    But the truth is, it&apos;s an unprecedented network of people, more specifically, students. \n                    Thousands of students just like you, who have already been where you want to go, or are following \n                    a path that you&apos;ve already taken. \n                </p>\n\n                <p className={paragraphStyle}>\n                    Polyratings.com recognizes that the power of the Internet lies \n                    in the students who populate it. If you can imagine a room full of people helping you make decisions on \n                    who to take for a class or where the best place to live, then you can imagine a place like Polyratings.\n                </p>\n\n                <p className={paragraphStyle}>\n                    Polyratings was created by two Cal Poly students over the winter break of 1998, Doug Dahms and Forrest Lanning. \n                    The site went on-line on January 9th, 1999. &quot;We just got fed up of taking classes given by lousy professors.&quot; \n                    Using Polyratings, a student can warn or recommend others by giving their own evaluation of that professor. \n                </p>\n\n            </div>\n\n            <h2 className={subTitleStyle}>Our Beginnings</h2>\n            <div className={cardStyle}>\n                <p className={paragraphStyle}>\n                    In the fall quarter of 1998, Dahms and Lanning, who were roommates, enjoyed creating web pages. \n                    They enjoyed working on designing and redesigning various web projects.\n                </p>\n                <p className={paragraphStyle}>\n                    At the same time, Lanning was just starting a course in Physics. \n                    He had asked some people about whom he should take before enrolling and they all said &quot;Take professor X; he&apos;s fine, \n                    pretty easy&quot; So he enrolled in professor X&apos;s class.  Little did he know, professor X was one of the worst on campus.\n                </p>\n                <p className={paragraphStyle}>\n                    Both Lanning and Dahms enjoyed browsing Amazon.com, especially the customer evaluations on the products sold there. \n                    While looking at evaluations for a new CD, it clicked: &quot; Why not evaluate our professors?!&quot; \n                    Christmas break soon came so the two decided to split up the work and researched it more while at home over the break. \n                    Dahms took it upon himself to learn a new programming language, \n                    while Lanning went to work designing the interface for their new project.\n                </p>\n                <p className={paragraphStyle}>\n                    After the break, Lanning came back to school with Shaman an old hand-me-down PC with a hard drive so loud that it kept Dahms \n                    and Lanning awake in their small dorm room at night. New life was breathed into Shaman when Linux, a Unix-clone operating system, \n                    was installed on it. Together with Shaman serving webpages and the network connection provided by Cal Poly at the time, \n                    they were able to host the first version of Polyratings.\n                </p>\n\n                <p className={paragraphStyle}>\n                    The two were able to get the site up and working within the first two weeks of the winter quarter. \n                    But Lanning and Dahms knew the site would be useless without any publicity. \n                    So Lanning e-mailed Cal Poly&apos;s student newspaper, the Mustang Daily, sparking interest in the site. \n                    This led to the first of a number of articles about the controvertial, but always popular website.\n                </p>                \n                \n                <p className={paragraphStyle}>\n                    After the article ran, people flooded to the website. Both students and Cal Poly University administrators came to see what all \n                    the excitement was about. Initially, administrators were worried about this type of information being widely available. \n                    But most importantly, they were worried about not having control over a system like Polyratings.\n                </p>\n\n                <p className={paragraphStyle}>\n                    The University soon tried to stop Dahms and Lanning from hosting the site. \n                    Administrators threatened them with loss of their dorm housing if they didn&apos;t pull the plug on Polyratings. \n                    But the site had become too popular among Cal Poly students to simply take Polyratings down forever. \n                    Hassles from the University administration mysteriously stopped when a reporter for the Los Angeles Times \n                    contacted the campus&apos; Chief Information Officer, who then misrepresented the university&apos;s prior \n                    position by incorrectly stating &quot;Nobody who works for me felt this was an inappropriate use.&quot;\n                </p>\n                <p className={paragraphStyle}>\n                    Ultimately, Dahms and Lanning would appear on the local news and in a number of newspapers and mazaines, \n                    including the Japan Times, People, and the Christian Science Monitor. The two never expected any publicity from their little \n                    &quot;project&quot;, but it has happened and it was quite the rollercoaster experience.\n                </p>\n            </div>\n\n            <h2 className={subTitleStyle}>Polyratings 2.0</h2>\n            <div className={cardStyle}>\n                <p className={paragraphStyle}>\n                    In the spring of 2001, J. Paul Reed approached Lanning about updating the Polyratings rating engine. \n                    Reed had previously worked with Polyratings on such projects as POWERatings, \n                    but found the 1.0 Polyratings system difficult to integrate other projects with.\n                </p>\n                <p className={paragraphStyle}>\n                    Reed proposed a number of new features for the Polyratings backend, \n                    including a database-driven ratings engine which would not only support a number of new search options, \n                    but give Polyratings the power to support complex queries and data mining on the information already \n                    in the Polyratings 1.0 database. With Polyratings 2.0, students can now search for the best professors by name, \n                    class, or keywords, allowing the information contained in some 4000 ratings to be unleashed and used in new ways.\n                </p>\n                <p className={paragraphStyle}>\n                    Having already implemented and supported complex web-based applications, \n                    including the popular Cal Poly Robot-Assisted Scheduling Helper (CRASH), POWERatings, and POWERTime, \n                    Reed became the Chief Software Architect for Polyratings 2.0. Starting in July of 2001, \n                    Reed worked to safely import over 4000 ratings on over 750 professors from the Polyratings 1.0 database \n                    into the new Polyratings 2.0 database. The task proved difficult because data from the old ratings engine was \n                    not complete for every rating submitted. The import alone took two weeks; another three weeks was spent writing \n                    a new engine to support access to this awesome new tool for Cal Poly students.\n                </p>\n                <p className={paragraphStyle}>\n                    Polyratings 2.0 was officially launched, with a new database, a new ratings engine, and a new look provided by Lanning, \n                    on August 19th, 2001. With the extensibility of a complete web framework, and modualarized ratings engine, \n                    and a fully SQL-capable database, Polyratings 2.0 is able to analyze and present information \n                    regarding Poly&apos;s best (and worst) professors to the weary student faster, easier, \n                    and with more value so students can be empowered to make the necessary decisions to make the most of their education.\n                </p>\n            </div>\n\n            <h2 className={subTitleStyle}>Polyratings 3.0</h2>\n            <div className={cardStyle}>\n                <p className={paragraphStyle}>\n                    Over the 14 years this site has been around for before 2016, its been viewed 2.5 million times! \n                    With the average student population on Cal Poly campus around 20,000, that is a huge achievement for the site. \n                    This being said, when class registration came around every quarter there was always talk about the Polyratings \n                    scores for professors. However, with this talk also came much negativity towards the site. \n                    With this realization Connor Krier, Cody Sears, and Anil Thattayathu started their senior project to figure where this \n                    negativity stemmed from and what they can do to fix it.\n                </p>\n                <p className={paragraphStyle}>\n                    The problem that they found was that everyone needed Polyratings for help with class searching, \n                    but were also very dissatisfied with the website. The main problems with the website were that the User Interface (UI) \n                    was not up to date and was cumbersome, as well as there being some troubles with the data in the website.\n                </p>\n                <p className={paragraphStyle}>\n                    They sought out to solve these issues over the course of their senior project. \n                    To do this they came up with a new layout using bootstrap to bring the page up to date and make it responsive. \n                    That&apos;s right! In a day an age where we access the internet over our phones, \n                    Polyratings is still here to help you know what your in for.\n                </p>                \n            </div>\n\n        </div>\n    );\n}\n","import { Router, Switch, Route } from 'react-router-dom';\nimport { ToastContainer } from 'react-toastify';\nimport { createBrowserHistory } from 'history'\nimport ReactGA from 'react-ga4';\nimport { useEffect } from 'react';\nimport { Home, TeacherPage, Login, NewTeacher, About, SearchWrapper } from './pages';\nimport { Navbar } from './components';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { config } from './App.config';\n\nfunction App() {\n  useEffect(() => {\n    ReactGA.initialize('G-784BKPF31W')\n  }, [])\n\n  const history = createBrowserHistory({basename:config.base})\n  history.listen((location) => {\n    ReactGA.send({ hitType: 'pageview', page: location.pathname + location.search})\n  })\n  return (\n    <Router history={history}>\n      <ToastContainer />\n      <Navbar />\n      <Switch>\n        <Route path=\"/teacher/:id\" component={TeacherPage} />\n        <Route path=\"/search/:searchType\" component={SearchWrapper} />\n        <Route path=\"/login\" component={Login} />\n        <Route path=\"/newTeacher\" component={NewTeacher} />\n        <Route path=\"/about\" component={About} />\n        <Route path=\"/\" component={Home} />\n      </Switch>\n    </Router>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n// Polyfill for Safari\nimport 'form-request-submit-polyfill';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root'),\n);\n"],"names":["jwtDecode","children","scrollTo","body","style","height","overflowY","top","window","pageYOffset","useState","useMemo","teacher","setTeacher","closeForm","overrideSubmitHandler","innerRef","register","handleSubmit","watch","formState","errors","useForm","defaultValues","knownClass","Object","keys","reviews","knownClassValue","reviewService","useService","ReviewService","networkErrorText","setNetworkErrorText","loading","setLoading","onSubmit","formResult","newReview","overallRating","recognizesStudentDifficulties","presentsMaterialClearly","teacherId","id","classIdOrName","unknownClassDepartment","unknownClassNumber","review","gradeLevel","year","grade","courseType","reasonForTaking","rating","reviewText","postDate","Date","newTeacherData","uploadReview","success","e","numericalRatings","label","inputName","classInformation","options","lastName","firstName","map","c","display","departments","d","required","value","message","ErrorMessage","n","dropdown","option","ClipLoader","initialState","onChange","showOnlyInput","disableAutoComplete","searchValue","setSearchValue","searchType","setSearchType","type","teacherService","TeacherService","formRef","useRef","history","useHistory","onFormSubmit","preventDefault","push","encodeURIComponent","autoCompleteFilter","searchForTeacher","then","result","t","filter","dep","includes","toUpperCase","allTeachers","getAllTeachers","Set","flatMap","courses","course","Error","target","current","requestSubmit","HIDE_SEARCH_BAR_ROUTES","mobileNavOpen","setMobileNav","triggerMobileNav","isAuthenticated","useAuth","authService","AuthService","location","useLocation","showInputBar","setShowInputBar","matchingRoute","find","route","pathname","Logo","AnimateHeight","signOut","reviewFormRef","teacherFormRef","kickOffSubmit","onsubmit","reviewFormSubmitOverride","reviewOverrideData","teacherData","newTeacher","teacherFirstName","teacherLastName","department","teacherDepartment","numEvals","studentDifficulties","materialClear","newTeacherId","addNewTeacher","width","TEACHER_CARD_HEIGHT","beforeNavigation","Promise","resolve","getTeacher","borderRadius","star","Range","createSliderWithTooltip","Slider","overrideHoverCss","domain","min","max","onchange","resolution","marks","handleStyles","borderColor","v","backgroundColor","FilterRenderFunction","teachers","onUpdate","className","ref","previousState","state","departmentFilters","setDepartmentFilters","avgRatingFilter","setAvgRatingFilter","studentDifficultyFilter","setStudentDifficultyFilter","materialClearFilter","setMaterialClearFilter","numberOfEvaluationsFilter","setNumberOfEvaluationsFilter","reverseFilter","setReverseFilter","sortBy","setSortBy","preDepartmentFilters","setPreDepartmentFilters","depFilters","name","teachersToEmit","length","getState","getEvaluationDomain","data","reduce","acc","curr","Infinity","generateDepartmentFilters","list","previousSelectedMap","initialDepartmentList","sort","initialEvaluationRange","teacherFilterFunctions","sortingMap","alphabetical","a","b","aName","bName","relevant","departmentFilterKey","filterCalculationDependencies","entries","k","filteredResult","filterFn","reverse","values","parseInt","newDepartmentFilters","i","updatedDepartmentFilters","checked","Filters","forwardRef","UNEXPANDED_LIMIT","taughtClass","disableDropDown","expanded","setExpanded","unexpandedReviewCount","unexpandedReviews","slice","expandedReviews","unexpandedPreviewHeight","Boolean","setTimeout","toLocaleString","month","onResult","placeholder","parentOnChange","maxDropDownSize","inputValue","disableDropdown","filteredSuggestions","setFilteredSuggestions","showSuggestions","setShowSuggestions","activeSuggestionIndex","setActiveSuggestionIndex","deviceSupportsDropdown","useTailwindBreakpoint","md","userInput","searchResults","onClick","clickedValue","unFocus","onKeyDown","code","suggestion","index","bestTeacher","setBestTeacher","worstTeachers","setWorstTeachers","all","getRandomBestTeacher","getRandomWorstTeachers","backgroundImage","homeHeader","backgroundRepeat","backgroundPosition","backgroundSize","homeCurveTransition","Array","_","worstOfWorstBackground","minHeight","clipPath","calPolyUsername","setCalPolyUsername","password","setPassword","errorText","setErrorText","logUserIn","event","login","user","username","loginBackground","navigatedSearchTerm","query","useQuery","get","useParams","loadedSearchTerm","searchTerm","searchState","setSearchState","setSearchResults","mobileFiltersOpened","setMobileFiltersOpened","filteredTeachers","setFilteredTeachers","saveState","currentState","replace","listWidth","sm","lg","innerWidth","mobileFilterBreakpoint","xl","Logger","error","WindowScroller","isScrolling","onChildScroll","scrollTop","List","key","prevKey","setPrevKey","now","setTeacherData","teacherReviews","SetTeacherReviews","teacherByDepartments","obj","split","forEach","deparment","aNumber","bNumber","primaryClasses","otherClasses","classReviews","teacherEvaluationShownDesktop","setTeacherEvaluationShownDesktop","teacherEvaluationShownMobile","setTeacherEvaluationShownMobile","outerClassName","innerClassName","StarRatings","cardStyle","paragraphStyle","subTitleStyle","initialize","createBrowserHistory","basename","config","base","listen","send","hitType","page","search","TeacherPage","SearchWrapper","Login","NewTeacher","About","Home","ReactDOM","render","document","getElementById"],"mappings":"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"}