:feat: add page
continuous-integration/drone/push Build is failing
Details
continuous-integration/drone/push Build is failing
Details
This commit is contained in:
Rebecca-Chou
parent
81e1efd054
commit
aa700a2b74
|
|
@ -0,0 +1,380 @@
|
|||
export const M1 = [
|
||||
{
|
||||
category: "Almost every day",
|
||||
value: 8,
|
||||
},
|
||||
{
|
||||
category: "A few times weekly",
|
||||
value: 8,
|
||||
},
|
||||
{
|
||||
category: "A few times monthly",
|
||||
value: 25,
|
||||
},
|
||||
{
|
||||
category: "Rarely",
|
||||
value: 69,
|
||||
},
|
||||
];
|
||||
|
||||
export const M2 = [
|
||||
{
|
||||
category: "0",
|
||||
value: 12,
|
||||
},
|
||||
{
|
||||
category: "1",
|
||||
value: 32,
|
||||
},
|
||||
{
|
||||
category: "2",
|
||||
value: 23,
|
||||
},
|
||||
{
|
||||
category: "3",
|
||||
value: 13,
|
||||
},
|
||||
{
|
||||
category: "4",
|
||||
value: 4,
|
||||
},
|
||||
{
|
||||
category: "5",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
category: "6",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
category: "7",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
category: "8",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
category: "9",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
category: "10",
|
||||
value: 4,
|
||||
},
|
||||
];
|
||||
|
||||
export const M3 = [
|
||||
{
|
||||
category: "Computer Science!",
|
||||
value: 84,
|
||||
},
|
||||
{
|
||||
category: "Software Engineering",
|
||||
value: 6,
|
||||
},
|
||||
{
|
||||
category: "Psychology",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
category: "FARM",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
category: "BBA",
|
||||
value: 1,
|
||||
},
|
||||
];
|
||||
|
||||
export const M4 = [
|
||||
{
|
||||
category: "Yes",
|
||||
value: 27,
|
||||
},
|
||||
{
|
||||
category: "No",
|
||||
value: 74,
|
||||
},
|
||||
];
|
||||
|
||||
export const M5 = [
|
||||
{
|
||||
category: "Yes",
|
||||
value: 16,
|
||||
},
|
||||
{
|
||||
category: "No",
|
||||
value: 87,
|
||||
},
|
||||
];
|
||||
|
||||
export const M6 = [
|
||||
{
|
||||
text: "Go to UofT",
|
||||
value: 33,
|
||||
},
|
||||
{
|
||||
text: "UBC",
|
||||
value: 9,
|
||||
},
|
||||
{
|
||||
text: "A different university...",
|
||||
value: 15,
|
||||
},
|
||||
{
|
||||
text: "UOttawa",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Start a business",
|
||||
value: 5,
|
||||
},
|
||||
{
|
||||
text: "Take a gap year and try again",
|
||||
value: 8,
|
||||
},
|
||||
{
|
||||
text: "Learn a trade",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: "UofWindsor",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: "Start working",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Travel",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "UAlberta",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "McGill",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Stanford",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "UIUC",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "No idea",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: "Die...",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: "Teacher's College",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Resting and Learing",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Be a doctor",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Study biology",
|
||||
value: 2,
|
||||
},
|
||||
];
|
||||
|
||||
export const M7 = [
|
||||
{
|
||||
text: "Communication",
|
||||
value: 4,
|
||||
},
|
||||
{
|
||||
text: "Become more social",
|
||||
value: 7,
|
||||
},
|
||||
{
|
||||
text: "Cooking",
|
||||
value: 12,
|
||||
},
|
||||
{
|
||||
text: "Handling stress",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: "Dance",
|
||||
value: 4,
|
||||
},
|
||||
{
|
||||
text: "Sing",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: "Weight Lifting",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Snowboard",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Improved Relationship",
|
||||
value: 5,
|
||||
},
|
||||
{
|
||||
text: "Public Speaking",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Self-confidence",
|
||||
value: 6,
|
||||
},
|
||||
{
|
||||
text: "Video games",
|
||||
value: 5,
|
||||
},
|
||||
{
|
||||
text: "Grown as a Person",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Rock climbing",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: "Guitar",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Piano",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Tennis",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Fitness",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Psychology",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Responsibility",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Swimming",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Philosophy",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Creative writing",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Entrepreneurship & leadership",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Biking",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Debate",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Life skills",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Badminton",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Ultimate frisbe",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Volleyball",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Body building",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: "Mindfullness & Mature",
|
||||
value: 4,
|
||||
},
|
||||
{
|
||||
text: "Self regulation",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Religion & Culture",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Languages",
|
||||
value: 3,
|
||||
},
|
||||
{
|
||||
text: "Become a Youtuber",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Draw gooderer",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Photography",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Teaching",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Dating",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Have Sex",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Board games",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Music",
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
text: "Improved fashion",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Cheerleading",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
text: "Figure skating",
|
||||
value: 1,
|
||||
},
|
||||
];
|
||||
|
|
@ -0,0 +1,116 @@
|
|||
import { M1, M2, M3, M4, M5, M6, M7 } from "data/miscellaneous";
|
||||
import { pageRoutes } from "data/routes";
|
||||
import React from "react";
|
||||
import {
|
||||
barGraphProps,
|
||||
DefaultProp,
|
||||
pieChartProps,
|
||||
barGraphMargin,
|
||||
barGraphWidth,
|
||||
wordCloudWidth,
|
||||
} from "utils/defaultProps";
|
||||
import { useWindowDimensions } from "utils/getWindowDimensions";
|
||||
import { useIsMobile } from "utils/isMobile";
|
||||
|
||||
import { BarGraphVertical, BarGraphHorizontal } from "@/components/BarGraph";
|
||||
import { BottomNav } from "@/components/BottomNav";
|
||||
import { ComponentWrapper } from "@/components/ComponentWrapper";
|
||||
import { Header } from "@/components/Header";
|
||||
import { PieChart } from "@/components/PieChart";
|
||||
import { SectionHeader } from "@/components/SectionHeader";
|
||||
import { WordCloud } from "@/components/WordCloud";
|
||||
|
||||
import styles from "./samplePage.module.css";
|
||||
|
||||
export default function Demographics() {
|
||||
const pageWidth = useWindowDimensions().width;
|
||||
const isMobile = useIsMobile();
|
||||
|
||||
return (
|
||||
<div className={styles.page}>
|
||||
<Header />
|
||||
<SectionHeader title="Miscellaneous" subtitle="" />
|
||||
|
||||
<ComponentWrapper
|
||||
heading="How often did you cry per school term?"
|
||||
bodyText="Crying is definitely okay and not unheard of in university. If you’re seeing this and feeling down, it does get better! "
|
||||
>
|
||||
<BarGraphVertical data={M1} {...barGraphProps(isMobile, pageWidth)} />
|
||||
</ComponentWrapper>
|
||||
|
||||
<ComponentWrapper
|
||||
heading="How many hours per week do you spend on the UW subreddit?"
|
||||
bodyText="There’s a reason why r/uwaterloo is one of the most popular University Reddit communities, very highly propelled by students but even has some profs on there too! Check it out if you haven’t heard of it :D"
|
||||
align="right"
|
||||
>
|
||||
<BarGraphVertical data={M2} {...barGraphProps(isMobile, pageWidth)} />
|
||||
</ComponentWrapper>
|
||||
|
||||
<ComponentWrapper
|
||||
heading="If you had to restart university, what program would you enroll in?"
|
||||
bodyText="Good to see that people don’t necessarily regret doing CS or a related degree."
|
||||
>
|
||||
<BarGraphHorizontal
|
||||
data={M3}
|
||||
width={barGraphWidth(isMobile, pageWidth)}
|
||||
height={DefaultProp.graphHeight}
|
||||
margin={{ ...barGraphMargin, ...{ left: 220 } }}
|
||||
/>
|
||||
</ComponentWrapper>
|
||||
|
||||
<ComponentWrapper
|
||||
heading="Have you considered dropping/transferring out of your program?"
|
||||
bodyText="Roughly ¼ of respondents have considered dropping at some point..."
|
||||
align="right"
|
||||
>
|
||||
<div className={styles.graphContainer}>
|
||||
<PieChart data={M4} {...pieChartProps(isMobile, pageWidth)} />
|
||||
</div>
|
||||
</ComponentWrapper>
|
||||
|
||||
<ComponentWrapper
|
||||
heading="Have you considered dropping out of university or transferring to another university?"
|
||||
bodyText="Around one over six thought about leaving or transferring, so you’re not alone if this is or was you!"
|
||||
>
|
||||
<div className={styles.graphContainer}>
|
||||
<PieChart data={M5} {...pieChartProps(isMobile, pageWidth)} />
|
||||
</div>
|
||||
</ComponentWrapper>
|
||||
|
||||
<ComponentWrapper
|
||||
heading="If you couldn't go to UW, what would you have done instead?"
|
||||
bodyText="UofT is very popular here, but for better or worse, you all went to UW instead. :)"
|
||||
align="right"
|
||||
>
|
||||
<WordCloud
|
||||
data={M6}
|
||||
width={wordCloudWidth(isMobile, pageWidth)}
|
||||
height={DefaultProp.graphHeight}
|
||||
wordPadding={7}
|
||||
desktopMaxFontSize={75}
|
||||
mobileMaxFontSize={48}
|
||||
/>
|
||||
</ComponentWrapper>
|
||||
|
||||
<ComponentWrapper
|
||||
heading="In what areas have you grown that are unrelated to CS?"
|
||||
bodyText=""
|
||||
align="center"
|
||||
>
|
||||
<WordCloud
|
||||
data={M7}
|
||||
width={wordCloudWidth(isMobile, pageWidth)}
|
||||
height={DefaultProp.graphHeight}
|
||||
wordPadding={7}
|
||||
desktopMaxFontSize={75}
|
||||
mobileMaxFontSize={48}
|
||||
/>
|
||||
</ComponentWrapper>
|
||||
|
||||
<BottomNav
|
||||
leftPage={pageRoutes.friends}
|
||||
rightPage={pageRoutes.mentalHealth}
|
||||
></BottomNav>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Loading…
Reference in New Issue