Skip to content

Commit 13f2a60

Browse files
klhftcoklhftco
committed
rewrite in progress: currently storing release information in log.json folder, importing and passing each release to format the log list, styling stil need a bit of work and ideally moving each release into a component instead
1 parent 9c31b41 commit 13f2a60

File tree

5 files changed

+301
-0
lines changed

5 files changed

+301
-0
lines changed

‎frontend/src/app/Releases/Release/Release.module.scss

+83
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
.root {
2+
padding: 96px 0;
3+
4+
.row {
5+
display: flex;
6+
justify-content: flex-end;
7+
align-items: center;
8+
gap: 96px;
9+
10+
&:not(:last-child) {
11+
margin-bottom: 96px;
12+
}
13+
14+
.gallery {
15+
display: flex;
16+
flex-direction: column;
17+
flex-grow: 1;
18+
position: relative;
19+
20+
.calendar {
21+
width: calc(100% - 128px);
22+
}
23+
24+
.schedule {
25+
width: 256px;
26+
margin-left: auto;
27+
margin-top: -128px;
28+
}
29+
}
30+
31+
.text {
32+
width: 512px;
33+
flex-shrink: 0;
34+
35+
.link {
36+
display: flex;
37+
align-items: center;
38+
gap: 8px;
39+
color: var(--blue-500);
40+
font-size: 16px;
41+
font-weight: 500;
42+
line-height: 1;
43+
transition: all 100ms ease-in-out;
44+
45+
&:hover {
46+
color: var(--blue-600);
47+
}
48+
}
49+
50+
.description {
51+
font-size: 16px;
52+
line-height: 1.5;
53+
margin-bottom: 32px;
54+
color: var(--slate-500);
55+
}
56+
57+
.heading {
58+
font-size: 32px;
59+
font-weight: 660;
60+
font-feature-settings: 'cv05' on, 'cv13' on, 'ss07' on, 'cv12' on, 'cv06' on;
61+
line-height: 1.25;
62+
letter-spacing: -1%;
63+
margin-bottom: 16px;
64+
color: var(--slate-900);
65+
}
66+
67+
.badge {
68+
height: 24px;
69+
border-radius: 4px;
70+
padding: 0 8px;
71+
display: flex;
72+
align-items: center;
73+
background-color: var(--orange-500);
74+
width: max-content;
75+
color: white;
76+
font-size: 14px;
77+
font-weight: 500;
78+
line-height: 1;
79+
margin-bottom: 16px;
80+
}
81+
}
82+
}
83+
}

‎frontend/src/app/Releases/Release/index.tsx

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import { ArrowRight } from "iconoir-react";
2+
import { Link } from "react-router-dom";
3+
4+
import Container from "@/components/Container";
5+
6+
import styles from "./Release.module.scss";
7+
8+
interface ReleaseProps {
9+
date: string;
10+
updates: Array<string>;
11+
fixes: Array<string>;
12+
}
13+
14+
export default function Release(props: { release?: ReleaseProps }) {
15+
console.log(release);
16+
return (
17+
<div className={styles.root}>
18+
<h3 className={styles.heading}>{release.date}</h3>
19+
<h4 className={styles.heading}>🤩 What's New</h4>
20+
<ul>
21+
{release.updates.map(item => {
22+
return <li>{item}</li>
23+
})}
24+
</ul>
25+
<h4 className={styles.heading}>🐛 Bug Fixes</h4>
26+
<ul>
27+
{release.fixes.map(item => {
28+
return <li>{item}</li>
29+
})}
30+
</ul>
31+
</div>
32+
);
33+
}

‎frontend/src/app/Releases/Releases.module.scss

+67
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
.root {
2+
display: flex;
3+
flex-direction: column;
4+
gap: 32px;
5+
background-color: var(--slate-50);
6+
7+
margin: 0 auto 30px;
8+
padding-top: 58px;
9+
align-items: center;
10+
background-color: inherit;
11+
font-family: Inter, sans-serif;
12+
font-style: normal;
13+
font-weight: 400;
14+
color: #383838;
15+
}
16+
17+
.log {
18+
flex: 0 0 50%;
19+
max-width: 50%;
20+
margin-bottom: 48px;
21+
box-sizing: border-box;
22+
display: block;
23+
}
24+
25+
.log h2 {
26+
font-size: 16px;
27+
margin-bottom: 12px;
28+
line-height: 150%;
29+
}
30+
31+
.log h3 {
32+
font-weight: 700;
33+
font-size: 18px;
34+
line-height: 150%;
35+
margin-bottom: 18px;
36+
}
37+
38+
.log ul {
39+
font-size: 16px;
40+
line-height: 150%;
41+
color: #535353;
42+
padding-left: 0;
43+
margin-bottom: 16px;
44+
list-style-position: outside;
45+
margin-left: 28px;
46+
}
47+
48+
.log li {
49+
margin: 8pt 0;
50+
}
51+
52+
.heading h2 {
53+
font-weight: 700;
54+
font-size: 24px;
55+
margin-top: 50px;
56+
text-align: center;
57+
color: #383838;
58+
}
59+
60+
.heading h3 {
61+
font-weight: 400;
62+
font-size: 16px;
63+
line-height: 150%;
64+
text-align: center;
65+
color: #8a8a8a;
66+
margin-top: 18px;
67+
}

‎frontend/src/app/Releases/index.tsx

+39
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
import Release from "./Release";
2+
import styles from "./Releases.module.scss";
3+
import log from "./log.json"
4+
5+
const Releases = () => {
6+
7+
const releases = log.releases;
8+
console.log(releases)
9+
10+
return (
11+
<div className={styles.root}>
12+
<div className={styles.heading}>
13+
<h2>Berkeleytime Releases</h2>
14+
<h3>Keep up-to-date with our releases and bug fixes.</h3>
15+
</div>
16+
{releases.map(rel => {
17+
return (
18+
<div className={styles.log}>
19+
<h3 className={styles.heading}>{rel.date}</h3>
20+
<h2 className={styles.heading}>🤩 What's New</h2>
21+
<ul>
22+
{rel.updates.map(item => {
23+
return <li>{item}</li>
24+
})}
25+
</ul>
26+
<h2 className={styles.heading}>🐛 Bug Fixes</h2>
27+
<ul>
28+
{rel.fixes.map(item => {
29+
return <li>{item}</li>
30+
})}
31+
</ul>
32+
</div>
33+
);
34+
})}
35+
</div>
36+
);
37+
};
38+
39+
export default Releases;

‎frontend/src/app/Releases/log.json

+79
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
{ "releases": [
2+
{
3+
"date": "Jan 24, 2021",
4+
"updates": [
5+
"We released user profiles! Click on the bookmark icon in catalog to save a class, then click on the class in your user home to see it in the catalog. Also be sure to opt in to notifications for when we update the catalog, grades, and the site.",
6+
"We updated the site with Summer 2020 grade distributions."
7+
],
8+
"fixes": [
9+
"Updated GEOG 20 in the catalog, which no longer satisfies the L&S International Studies, Social and Behavioral Sciences Breadths."
10+
]
11+
},
12+
{
13+
"date": "Dec 6, 2020",
14+
"updates": [
15+
"We wrote new backend APIs using GraphQL (our previous APIs use the REST framework). Although the APIs listed on our API Docs are currently supported, they may change in the future.",
16+
"We are now primarily hosted on the OCF's servers.",
17+
"We have added a Privacy Policy and Terms of Service to the site."
18+
],
19+
"fixes": [
20+
"Modified prerequisites for PB HLTH 126 in Spring 2021 as requested by the instructor.",
21+
"Added support for opening a course by url in catalog on mobile.",
22+
"Added easter eggs back into the catalog.",
23+
"Changed the semester dropdown in catalog to be single select rather than multi-select."
24+
]
25+
},
26+
{
27+
"date": "Nov 15, 2020",
28+
"updates": [
29+
"We have released mobile views! You can now browse our site on your phone and tablet.",
30+
"We've added improved search to our catalog. You can now search for courses by their names. We've added a Sort By - Relevance query to give you courses that are most similar to your query (try searching \"Economics\" in catalog).",
31+
"We've revamped our backend so that we now display more complete grades and enrollment data."
32+
],
33+
"fixes": [
34+
"Modified enrollment search to display all courses we have data for. Previously, we were only displaying courses that would be offered in the coming semester.",
35+
"Fixed L&S requirement filters, which were temporarily broken due to a SIS API issue."
36+
]
37+
},
38+
{
39+
"date": "Oct 11, 2020",
40+
"updates": [
41+
"We released Spring 2021 course information! You can now search for courses on our catalog."
42+
],
43+
"fixes": [
44+
"Fixed a bug in our enrollment scraper so that all courses we have enrollment data for are listed.",
45+
"Fixed a bug where certain catalog pages like COMPSCI 61B caused the screen to go completely white.",
46+
"Fixed scrolling behavior on catalog so it's friendly for smaller screen sizes and more intuitive for users."
47+
]
48+
},
49+
{
50+
"date": "Aug 23, 2020",
51+
"updates": [
52+
"We are opening our Fall 2020 applications! Come see what roles we have open and join the OCTO team on the apply page.",
53+
"Our backend API can now be accessed from mobile devices, and the *_json queries now have a long option."
54+
],
55+
"fixes": [
56+
"Fixed a bug where many courses for which we have enrollment data do not show up.",
57+
"Fixed a bug where enrollment and some course data were not updating.",
58+
"Fixed a bug where typing in the course search bar caused the screen to go completely white.",
59+
"Added visible scrollbars to some scrollable elements. (You can still turn them off using your OS settings.)"
60+
]
61+
},
62+
{
63+
"date": "May 3, 2020",
64+
"updates": [
65+
"We're rolling out an updated UI, which is now available on both web (and soon on mobile)!",
66+
"Our backend API is officially open-sourced in version v0.1! Head over to our API Documentation to check it out.",
67+
"This releases page will be updated with notes of new features, bug fixes, and class enrollment/grades updates.",
68+
"Our new FAQ page answers some common questions we've gotten over the past few semesters. Feel free to send us more questions if you've got them!",
69+
"Support for our old legacy site is now officially deprecated. You can still visit it at old.berkeleytime.com, but some features may be broken and we won't be maintaining it moving forward."
70+
],
71+
"fixes": [
72+
"Adding courses to Grades and Enrollment pages now accurately generate unique URLs, which you can share with friends to reproduce your search.",
73+
"Fixed an issue where the course average in Grades was not being calculated correctly.",
74+
"Enrollment statistics are now updated every 15 minutes.",
75+
"Course search is improved with better support for abbreviations for class names."
76+
]
77+
}
78+
]
79+
}

0 commit comments

Comments
 (0)