Skip to content

Commit 34baac7

Browse files
Introduce mobile and tablet design for the page.
1 parent 554eeff commit 34baac7

File tree

2 files changed

+463
-0
lines changed

2 files changed

+463
-0
lines changed

src/components/fundable/index.tsx

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
import styles from "./styles.module.css";
2+
import { fundableProjectsDetails } from "./projectsDetails";
3+
import ProjectCategory from "./ProjectCategory";
4+
import MenuSidebar from "./MenuSideBar";
5+
6+
export function getCategoryFromProjectPageName(pageName: string) {
7+
for (const [categoryName, projectsByCategory] of Object.entries(fundableProjectsDetails)) {
8+
const project = projectsByCategory.find((project) => project.pageName === pageName);
9+
if (project) {
10+
return projectsByCategory;
11+
}
12+
}
13+
return null;
14+
}
15+
16+
export function MainAreaFundableProjects() {
17+
return (
18+
<div>
19+
<h1 style={{ padding: "0" }}>Check out our projects available for funding!</h1>
20+
21+
<section id="jupyter-ecosystem">
22+
<ProjectCategory
23+
projectCategoryName={"Jupyter Ecosystem"}
24+
projectCategory={fundableProjectsDetails.jupyterEcosystem}
25+
/>
26+
</section>
27+
<section id="project-management">
28+
<ProjectCategory
29+
projectCategoryName={"Package Management"}
30+
projectCategory={fundableProjectsDetails.packageManagement}
31+
/>
32+
</section>
33+
</div>
34+
35+
)
36+
}
37+
38+
export default function FundableProjects() {
39+
return (
40+
41+
<div className="container upper-container-with-margin-top">
42+
<div className="row">
43+
<div className={"col col--2" + " " + styles.menu_sidebar}>
44+
<MenuSidebar />
45+
</div>
46+
<div className={"col col--9 col--offset-1" + " " + styles.main_area_desktop} >
47+
<MainAreaFundableProjects />
48+
</div >
49+
<div className={"col col--12" + " " + styles.main_area_mobile} >
50+
<MainAreaFundableProjects />
51+
</div>
52+
</div>
53+
</div >
54+
55+
);
56+
}

0 commit comments

Comments
 (0)