= (
props
diff --git a/src/components/markdown/InstallerDownload.tsx b/src/components/markdown/InstallerDownload.tsx
index a126ba54..ee7bc7e8 100644
--- a/src/components/markdown/InstallerDownload.tsx
+++ b/src/components/markdown/InstallerDownload.tsx
@@ -35,8 +35,8 @@ export const InstallerDownload: React.FunctionComponent<{
css={css`
padding: 16px !important;
background-color: ${commonUI.colors
- .creationArea} !important;
- /* .MuiButton-label { ENHANCE: how to get this working with the Creation Theme?*/
+ .resourcesArea} !important;
+ /* .MuiButton-label { ENHANCE: how to get this working with the Resources Theme?*/
span {
color: white;
font-size: 24px;
diff --git a/src/components/markdown/Testimonial.tsx b/src/components/markdown/Testimonial.tsx
index 3c87b59d..a13e40d1 100644
--- a/src/components/markdown/Testimonial.tsx
+++ b/src/components/markdown/Testimonial.tsx
@@ -19,7 +19,7 @@ export const Testimonial: React.FunctionComponent<{
) : (
);
};
diff --git a/src/components/pages/ContentfulPage.tsx b/src/components/pages/ContentfulPage.tsx
index cbab8f76..2b226327 100644
--- a/src/components/pages/ContentfulPage.tsx
+++ b/src/components/pages/ContentfulPage.tsx
@@ -50,7 +50,7 @@ export const ContentfulPage: React.FunctionComponent<{ urlKey: string }> = (
css={css`
${page.css}
img {
- // Before changing this see the image at https://bloomlibrary.org/page/create/creators-Chetana in a phone-size screen.
+ // Before changing this see the image at https://bloomlibrary.org/page/resources/creators-Chetana in a phone-size screen.
max-width: 100%;
}
`}
diff --git a/src/components/pages/ThemeForLocation.tsx b/src/components/pages/ThemeForLocation.tsx
index 0cd88221..561020ff 100644
--- a/src/components/pages/ThemeForLocation.tsx
+++ b/src/components/pages/ThemeForLocation.tsx
@@ -1,6 +1,6 @@
import React from "react";
import { useSetBrowserTabTitle } from "../Routes";
-import { CreationThemeProvider } from "../../theme";
+import { ResourcesThemeProvider } from "../../theme";
import { useLocation } from "react-router-dom";
export const ThemeForLocation: React.FunctionComponent<{
@@ -8,27 +8,28 @@ export const ThemeForLocation: React.FunctionComponent<{
}> = (props) => {
useSetBrowserTabTitle(props.browserTabTitle);
- if (isInCreateSectionOfSite(useLocation().pathname)) {
- return {props.children};
+ if (isInResourcesSectionOfSite(useLocation().pathname)) {
+ return (
+ {props.children}
+ );
} else {
return {props.children};
}
};
-// Use the pathname portion of the url to determine if we are in the create section of the site.
+// Use the pathname portion of the url to determine if we are in the resources section of the site.
// Example urls:
-// - /create
-// - /create/book/abc123/create
-// - /page/create/page/about
-// - /page/create/creators-Chetana
+// - /resources
+// - /resources/book/abc123/resources
+// - /page/resources/creators-Chetana
// We don't want to match something like
-// - /create-seeds
-export function isInCreateSectionOfSite(urlPathname: string): boolean {
+// - /resources-for-the-blind
+export function isInResourcesSectionOfSite(urlPathname: string): boolean {
if (!urlPathname) return false;
- if (urlPathname === "/create") return true;
+ if (urlPathname === "/resources") return true;
- return urlPathname.includes("/create/");
+ return urlPathname.includes("/resources/");
}
export function isOnAboutPage(urlPathname: string): boolean {
diff --git a/src/theme.tsx b/src/theme.tsx
index 2b23c69d..db7adada 100644
--- a/src/theme.tsx
+++ b/src/theme.tsx
@@ -11,8 +11,8 @@ export const commonUI = {
bloomBlue: "#1a818f",
bloomBlueTransparent: "#1a818f38",
dialogTopBottomGray: "#F1F3F4",
- creationArea: "#509E2F", // this is the SIL Intl green
- createAreaTextOnWhite: "#226B04", // a bit darker for contrast
+ resourcesArea: "#509E2F", // this is the SIL Intl green
+ resourcesAreaTextOnWhite: "#226B04", // a bit darker for contrast
minContrastGray: "#767676", // lightest grey that is accessible on white background"
disabledIconGray: "#DDD",
},
@@ -97,16 +97,16 @@ const theme = createTheme({
export default theme;
-const creationPalette = {
- primary: { main: commonUI.colors.creationArea, light: "white" },
+const resourcesPalette = {
+ primary: { main: commonUI.colors.resourcesArea, light: "white" },
// currently we're using the same color for "secondary" as for "primary", so that glow on cards is green.
// eventually when materialui supports more names for the pallette, we can sort this out so that we just define the glow color
- secondary: { main: commonUI.colors.creationArea },
+ secondary: { main: commonUI.colors.resourcesArea },
};
-const creationTheme = createTheme({ ...theme, palette: creationPalette });
-export function CreationThemeProvider(props: any) {
+const resourcesTheme = createTheme({ ...theme, palette: resourcesPalette });
+export function ResourcesThemeProvider(props: any) {
return (
-
+
{props.children}
);