-
Notifications
You must be signed in to change notification settings - Fork 52
Expand file tree
/
Copy pathindex.tsx
More file actions
73 lines (67 loc) · 2.5 KB
/
index.tsx
File metadata and controls
73 lines (67 loc) · 2.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
import styles from "./styles.module.css";
import { fundableProjectsDetails } from "./projectsDetails";
import ProjectCategory from "./ProjectCategory";
import MenuSidebar from "./MenuSideBar";
import LinkToContact from "../home/LinkToContact";
export function getCategoryFromProjectPageName(pageName: string) {
for (const [categoryName, projectsByCategory] of Object.entries(fundableProjectsDetails)) {
const project = projectsByCategory.find((project) => project.pageName === pageName);
if (project) {
return projectsByCategory;
}
}
return null;
}
export function MainAreaFundableProjects() {
return (
<div>
<h1 style={{ padding: "0" }}>Check out our projects available for funding!</h1>
<section id="jupyter-ecosystem">
<ProjectCategory
projectCategoryName={"Jupyter ecosystem"}
projectCategory={fundableProjectsDetails.jupyterEcosystem}
/>
</section>
<section id="package-management">
<ProjectCategory
projectCategoryName={"Package management"}
projectCategory={fundableProjectsDetails.packageManagement}
/>
</section>
<section id="scientific-computing">
<ProjectCategory
projectCategoryName={"Scientific computing"}
projectCategory={fundableProjectsDetails.scientificComputing}
/>
</section>
<section id="apache-arrow">
<ProjectCategory
projectCategoryName={"Apache Arrow and Parquet"}
projectCategory={fundableProjectsDetails.apacheArrow}
/>
</section>
<section id="propose-and-fund-a-project">
<h2 className={styles.project_category_header} style={{ margin: "0px" }}>Can't find a project?</h2>
<p style={{ marginTop: "var(--ifm-spacing-lg)" }}>If you have a project in mind that you think would be relevant to our expertise, please contact us to discuss it.</p>
<LinkToContact label={"CONTACT US!"} />
</section>
</div>
)
}
export default function FundableProjects() {
return (
<div className="container upper-container-with-margin-top">
<div className="row">
<div className={"col col--2" + " " + styles.menu_sidebar}>
<MenuSidebar />
</div>
<div className={"col col--10 col" + " " + styles.main_area_desktop} >
<MainAreaFundableProjects />
</div >
<div className={"col col--12" + " " + styles.main_area_mobile} >
<MainAreaFundableProjects />
</div>
</div>
</div >
);
}