april fools

Author: Ryan

frontend/components/Auth/AuthPrompt.tsx

@@ -3,6 +3,7 @@ import { Grid, Button } from "semantic-ui-react";
 import { useRouter, NextRouter } from "next/router";
 import AboutModal from "../common/AboutModal";
 import styles from "../../styles/landingpage.module.css";
+import { LOGO_PATH, LOGO_LOGIN_PATH } from "../../utils/branding";
 
 const AuthPrompt = (): JSX.Element => {
     const [showAboutModal, setShowAboutModal] = useState(false);
@@ -20,15 +21,15 @@ const AuthPrompt = (): JSX.Element => {
             <Grid columns={1} textAlign="center">
                 <Grid.Row only="computer tablet">
                     <img
-                        src="ohq-login.png"
+                        src={LOGO_LOGIN_PATH}
                         width="600px"
                         height="107px"
                         alt="logo"
                     />
                 </Grid.Row>
                 <Grid.Row only="mobile">
                     <img
-                        src="ohq.png"
+                        src={LOGO_PATH}
                         width="217px"
                         height="107px"
                         alt="logo-mini"

frontend/components/Course/CourseSidebarNav.tsx

@@ -6,6 +6,7 @@ import Link from "next/link";
 import { AuthUserContext } from "../../context/auth";
 import { useStaff } from "../../hooks/data-fetching/course";
 import { Course } from "../../types";
+import { LOGO_SIDEBAR_PATH } from "../../utils/branding";
 
 interface CourseSidebarProps {
     course: Course;
@@ -35,7 +36,7 @@ const CourseSidebarNav = (props: CourseSidebarProps) => {
         <Segment basic>
             <Link href="/" as="/" legacyBehavior>
                 <Image
-                    src="../../../ohq.png"
+                    src={LOGO_SIDEBAR_PATH}
                     size="tiny"
                     style={{ marginTop: "10px", cursor: "pointer" }}
                 />

frontend/components/Course/CourseWrapper.tsx

@@ -13,6 +13,7 @@ import { Course as CourseType, Membership } from "../../types";
 import CourseSidebarInstructorList from "./CourseSidebarInstructorList";
 import { MOBILE_BP } from "../../constants";
 import { browserSupportsNotifications } from "../../utils/notifications";
+import { isAprilFools } from "../../utils/branding";
 
 interface CourseProps {
     render: (
@@ -38,9 +39,8 @@ const CourseWrapper = ({ render, ...props }: CourseProps) => {
 
     const { staff } = useStaff(rawCourse.id, initialUser);
 
-    const isAprilFirst = false;
     const [notifs, setNotifs, play] = usePlayer(
-        isAprilFirst ? aolAudio : bellAudio
+        isAprilFools ? aolAudio : bellAudio
     );
     const [supportsNotifs, setSupportsNotifs] = useState(false);
     useEffect(() => setSupportsNotifs(browserSupportsNotifications()), []);

frontend/components/Course/InstructorQueuePage/InstructorQueuePage.tsx

@@ -9,6 +9,7 @@ import QueueSettings from "./QueueSettings/QueueSettings";
 import QueueCreate from "./QueueCreate/QueueCreate";
 import { AuthUserContext } from "../../../context/auth";
 import { useQueues, useStaff } from "../../../hooks/data-fetching/course";
+import { SITE_NAME } from "../../../utils/branding";
 import {
     Announcement,
     Queue,
@@ -104,7 +105,7 @@ const InstructorQueuePage = (props: InstructorQueuePageProps) => {
             {!isConnected && (
                 <div style={{ paddingTop: "1rem" }}>
                     <Message warning>
-                        You are not currently connected to OHQ. Reconnecting...
+                        You are not currently connected to {SITE_NAME}. Reconnecting...
                     </Message>
                 </div>
             )}

frontend/components/Course/StudentQueuePage/StudentQueuePage.tsx

@@ -3,6 +3,7 @@ import { Grid, Message } from "semantic-ui-react";
 import { WSContext } from "@pennlabs/rest-live-hooks";
 import StudentQueues from "./StudentQueues";
 import Announcements from "../Announcements";
+import { SITE_NAME } from "../../../utils/branding";
 
 import {
     useQueues,
@@ -46,7 +47,7 @@ const StudentQueuePage = (props: StudentQueuePageProps) => {
             {!isConnected && (
                 <div style={{ paddingTop: "1rem" }}>
                     <Message warning>
-                        You are not currently connected to OHQ. Reconnecting...
+                        You are not currently connected to {SITE_NAME}. Reconnecting...
                     </Message>
                 </div>
             )}

frontend/components/Guide/InstructorGuideContent.tsx

@@ -1,14 +1,15 @@
 import { Segment, Divider, List } from "semantic-ui-react";
 
 import { CenteredImage } from "./utils";
+import { SITE_NAME } from "../../utils/branding";
 
 export const CreateCourse = ({ ref }) => (
     <div ref={ref}>
         <Segment basic>
             <h3>Create Your Course</h3>
             <Divider />
             <p>
-                Once you log in to OHQ, click &apos;Dashboard&apos; on the left,
+                Once you log in to {SITE_NAME}, click &apos;Dashboard&apos; on the left,
                 and then &apos;Create Course&apos; under &apos;Instructor
                 Courses&apos;. If you do not see this option, please email
                 contact@ohq.io.
@@ -21,7 +22,7 @@ export const CreateCourse = ({ ref }) => (
                 creating the course.
             </p>
             <p>
-                OHQ currently supports Zoom, BlueJeans, Google Meet, and Whereby
+                {SITE_NAME} currently supports Zoom, BlueJeans, Google Meet, and Whereby
                 meetings links. Please email us at contact@ohq.io to request
                 additional link support.
             </p>
@@ -31,7 +32,7 @@ export const CreateCourse = ({ ref }) => (
             />
             <br />
             <p>
-                And that&apos;s it! You&apos;ve created your course on OHQ, and
+                And that&apos;s it! You&apos;ve created your course on {SITE_NAME}, and
                 you&apos;re ready to add students and instructors to the course.
             </p>
         </Segment>
@@ -66,7 +67,7 @@ export const InviteMembers = ({ ref }) => (
                                     with a Pennkey! For example:
                                     <b>agutmann@upenn.edu</b>. Students or
                                     instructors with alternative email address
-                                    formats will not be able to log in to OHQ.
+                                    formats will not be able to log in to {SITE_NAME}.
                                     🚨
                                 </List.Item>
                             </List.List>
@@ -269,7 +270,7 @@ export const Analytics = ({ ref }) => (
             <h3>Analytics</h3>
             <Divider />
             <p>
-                As an instructor, you can use OHQ&apos;s analytics to learn what
+                As an instructor, you can use {SITE_NAME}&apos;s analytics to learn what
                 your students are asking and assess how you&apos;re performing
                 in office hours.
             </p>
@@ -301,7 +302,7 @@ export const Settings = ({ ref }) => (
                 click &apos;Course Settings&apos; in the left menu.
             </p>
             <p>
-                To change your account settings, go to the OHQ landing page and
+                To change your account settings, go to the {SITE_NAME} landing page and
                 click &apos;Account Settings&apos; in the left menu.
             </p>
         </Segment>

frontend/components/Guide/StudentGuideContent.tsx

@@ -1,12 +1,13 @@
 import { Segment, List } from "semantic-ui-react";
 
 import { CenteredImage } from "./utils";
+import { SITE_NAME } from "../../utils/branding";
 
 export const EnrollCourse = ({ ref }) => (
     <div ref={ref}>
         <Segment basic>
             <h3>Enrolling in a Course</h3>
-            <p>Courses on OHQ are either invite-only or not invite-only.</p>
+            <p>Courses on {SITE_NAME} are either invite-only or not invite-only.</p>
             <p>
                 If your course is invite-only, reach out to your course&apos;s
                 teaching team to request an invitation. All they need to invite
@@ -81,14 +82,14 @@ export const Notifications = ({ ref }) => (
                 enabling notifications when you reach the top of the line!
             </p>
             <p>
-                OHQ will give you an audio notification ( you&apos;ll hear a
+                {SITE_NAME} will give you an audio notification ( you&apos;ll hear a
                 &quot;ding&quot;) when you reach the top of the queue. You can
                 also enable SMS notifications.
             </p>
             <p>To enable SMS notifications:</p>
             <List bulleted>
                 <List.Item>
-                    Navigate to the OHQ home page, and on the left menu, click
+                    Navigate to the {SITE_NAME} home page, and on the left menu, click
                     into &quot;Account Settings.&quot;
                 </List.Item>
                 <List.Item>
@@ -181,7 +182,7 @@ export const Settings = ({ ref }) => (
             <h3>Settings</h3>
             <p>
                 To change your profile information and notification settings, go
-                to the OHQ landing page and click &apos;Account Setting&apos; in
+                to the {SITE_NAME} landing page and click &apos;Account Setting&apos; in
                 the left menu.
             </p>
         </Segment>

frontend/components/Guide/index.tsx

@@ -4,6 +4,7 @@ import { Divider, Segment, Header, Grid, Menu } from "semantic-ui-react";
 import InstructorGuide from "./InstructorGuide";
 import StudentGuide from "./StudentGuide";
 import Footer from "../common/Footer";
+import { SITE_NAME } from "../../utils/branding";
 
 enum Page {
     Instructor = "Instructor",
@@ -31,11 +32,11 @@ export default function Guide() {
                         Hi there! 🎉
                         <br />
                         <br />
-                        Welcome to OHQ, a centralized online office hours system
+                        Welcome to {SITE_NAME}, a centralized online office hours system
                         that helps instructors like you manage office hours
                         easily and intuitively, so you can focus on teaching and
                         your students can focus on learning in office hours.
-                        This guide will walk you through using OHQ, so your
+                        This guide will walk you through using {SITE_NAME}, so your
                         experience holding office hours can be as easy and
                         straightforward as possible.
                     </p>

frontend/components/Home/Dashboard/Dashboard.tsx

@@ -15,6 +15,7 @@ import { CHANGELOG_TOKEN, MOBILE_BP } from "../../../constants";
 import ModalShowNewChanges from "./Modals/ModalShowNewChanges";
 import updatedMd from "../../Changelog/changelogfile.md";
 import tips from "./Messages/tips.json";
+import { SITE_NAME } from "../../../utils/branding";
 
 // TODO: try to readd new user stuff, rip out loading stuff
 const Dashboard = () => {
@@ -49,7 +50,7 @@ const Dashboard = () => {
     const [toastOpen, setToastOpen] = useState(false);
 
     const [logToast] = useState({
-        message: "View new changes to OHQ.io",
+        message: `View new changes to ${SITE_NAME}.io`,
         success: true,
     });
     const [logOpen, setLogOpen] = useState(false);

frontend/components/Home/HomeSidebar.tsx

@@ -6,6 +6,7 @@ import Link from "next/link";
 import { useRouter } from "next/router";
 import SignOutButton from "../SignOut";
 import AboutModal from "../common/AboutModal";
+import { LOGO_SIDEBAR_PATH } from "../../utils/branding";
 
 const Sidebar = () => {
     const router = useRouter();
@@ -16,7 +17,7 @@ const Sidebar = () => {
             <Segment basic>
                 <Link href="/" as="/" legacyBehavior>
                     <Image
-                        src="../../../ohq.png"
+                        src={LOGO_SIDEBAR_PATH}
                         size="tiny"
                         style={{ marginTop: "10px", cursor: "pointer" }}
                     />