Added Inactive school message

app/controllers/faqs_controller.rb

@@ -7,6 +7,6 @@ def show
       store_user_location!
     end
     # Get all frequently asked questions by position ASC order.
-    render json: { faqs: Faq.get_faqs }
+    render json: { faqs: Faq.get_faqs, is_school_active: current_user&.school&.active || false }
   end
 end

app/controllers/schools_controller.rb

@@ -27,7 +27,7 @@ def index
       schools_arr << school_hash
     end
     school_not_found = schools_arr.length <= 0 ? "There are no results that match your search criteria." : ""
-    render json: { schools: schools_arr, anchor_tags: anchor_tags, school_not_found: school_not_found }
+    render json: { schools: schools_arr, anchor_tags: anchor_tags, school_not_found: school_not_found, is_school_active: current_user&.school&.active || false }
   end
 
   def participating_schools_data; end  

app/controllers/teacher_sets_controller.rb

@@ -63,10 +63,11 @@ def index
     total_count = total_count['value'] if total_count.is_a?(Hash)
     total_pages = (total_count / per_page.to_f).ceil
 
-    no_results_found_msg = @teacher_sets.length <= 0 ? "No results found." : ""
+    no_results_found_msg = @teacher_sets.length <= 0 ? "No results found." : ""    
 
     render json: { teacher_sets: @teacher_sets, facets: facets, total_count: total_count, total_pages: total_pages, 
-                   no_results_found_msg: no_results_found_msg, tsSubjectsHash: subjects_hash, resetPageNumber: reset_page_number, errrorMessage: "" }
+                   no_results_found_msg: no_results_found_msg, tsSubjectsHash: subjects_hash, resetPageNumber: reset_page_number, errrorMessage: "", 
+                   is_school_active: current_user&.school&.active || false }
   rescue ElasticsearchException => e
     render json: { errrorMessage: "We are having trouble retrieving Teacher Set data right now. Please try again later", teacher_sets: {}, facets: {} }
   rescue StandardError => e

app/controllers/users_controller.rb

@@ -23,6 +23,10 @@ def create
     User.create(user_params)
   end
 
+  def user_school
+    render :json => { school: current_user.present? ? current_user.school : {} }
+  end
+
   private
 
   # Strong parameters: protect object creation and allow mass assignment.

app/javascript/components/AppBreadcrumbs.jsx

@@ -4,9 +4,10 @@ import {
   Heading,
   Hero,
   useColorModeValue,
+  Banner
 } from "@nypl/design-system-react-components";
 
-export default function AppBreadcrumbs() {
+export default function AppBreadcrumbs(props) {
   const heroBgColor = useColorModeValue(
     "var(--nypl-colors-brand-primary)",
     "var(--nypl-colors-dark-ui-bg-hover)"
@@ -82,6 +83,15 @@ export default function AppBreadcrumbs() {
     }
   };
 
+  const inactiveSchoolMessage = () => {
+    console.log(props.is_school_active)
+    if (props.is_school_active === false) {
+      return (<Banner className="inactiveSchool" content={<>
+        Your school is inactive, so your account is restricted. Please contact help@mylibrarynyc.org.
+      </>} type="warning"/>)
+    }
+  }
+
   const HeroDataValue = (levelString) => {
     switch (levelString) {
       case "participating-schools":
@@ -136,6 +146,7 @@ export default function AppBreadcrumbs() {
           />
         }
       />
+      {inactiveSchoolMessage()}
     </>
   );
 }

app/javascript/components/Contact/Contact.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import AppBreadcrumbs from "./../AppBreadcrumbs";
 import HaveQuestions from "./../HaveQuestions/HaveQuestions";
 import {
@@ -10,18 +10,30 @@ import {
   useColorMode,
 } from "@nypl/design-system-react-components";
 
+import axios from "axios";
+
 function Contact() {
   const { colorMode } = useColorMode();
+  const [isSchoolActive, setIsSchoolActive] = useState("");
+
   useEffect(() => {
     document.title = "Contact | MyLibraryNYC";
     if (env.RAILS_ENV !== "test") {
       window.scrollTo(0, 0);
     }
+    axios
+    .get("/user_school")
+    .then((res) => {
+      setIsSchoolActive(res.data.school.active)
+    })
+    .catch(function (error) {
+      console.log(error);
+    });
   }, []);
 
   return (
     <TemplateAppContainer
-      breakout={<AppBreadcrumbs />}
+      breakout={<AppBreadcrumbs is_school_active={isSchoolActive}/>}
       contentPrimary={
         <div id="contacts-page">
           <Heading

app/javascript/components/Faqs/Faqs.jsx

@@ -14,6 +14,7 @@ export default function Faqs(props) {
 
   const [faqs, setFaqs] = useState([]);
   const { colorMode } = useColorMode();
+  const [isSchoolActive, setIsSchoolActive] = useState("");
 
   useEffect(() => {
     document.title = "Frequently Asked Questions | MyLibraryNYC";
@@ -25,6 +26,7 @@ export default function Faqs(props) {
       .get("/faqs/show")
       .then((res) => {
         setFaqs(res.data.faqs);
+        setIsSchoolActive(res.data.is_school_active)
       })
       .catch(function (error) {
         console.log(error);
@@ -52,7 +54,7 @@ export default function Faqs(props) {
 
   return (
     <TemplateAppContainer
-      breakout={<AppBreadcrumbs />}
+      breakout={<AppBreadcrumbs is_school_active={isSchoolActive} />}
       contentTop={<SignedInMsg signInDetails={props} />}
       contentPrimary={
         <>

app/javascript/components/Home/Home.jsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from "react";
 import HaveQuestions from "./../HaveQuestions/HaveQuestions";
-import AppBreadcrumbs from "./../AppBreadcrumbs";
 import AccessDigitalResources from "../AccessDigitalResources/AccessDigitalResources";
 import CalendarOfEvents from "./../CalendarOfEvents";
 import NewsLetter from "../NewsLetter/NewsLetter";

app/javascript/components/ParticipatingSchools/ParticipatingSchools.jsx

@@ -23,6 +23,7 @@ export default function ParticipatingSchools(props) {
   const [anchor_tags, setAnchorTags] = useState([]);
   const [schoolNotFound, setSchoolNotFound] = useState("");
   const { colorMode } = useColorMode();
+  const [isSchoolActive, setIsSchoolActive] = useState("");
 
   useEffect(() => {
     document.title = "Participating Schools | MyLibraryNYC";
@@ -35,6 +36,7 @@ export default function ParticipatingSchools(props) {
         setSchools(res.data.schools);
         setAnchorTags(res.data.anchor_tags);
         setSchoolNotFound(res.data.school_not_found);
+        setIsSchoolActive(res.data.is_school_active)
       })
       .catch(function (error) {
         console.log(error);
@@ -197,7 +199,7 @@ export default function ParticipatingSchools(props) {
 
   return (
     <TemplateAppContainer
-      breakout={<AppBreadcrumbs />}
+      breakout={<AppBreadcrumbs is_school_active={isSchoolActive} />}
       contentTop={<SignedInMsg signInDetails={props} />}
       contentPrimary={
         <>

app/javascript/components/SearchTeacherSets/SearchTeacherSets.jsx

@@ -87,6 +87,7 @@ export default function SearchTeacherSets(props) {
   const [showKeyword, setShowKeyWord] = useState(false);
   const [updateKeyword, setUpdateKeyword] = useState("");
   const location = useLocation();
+  const [isSchoolActive, setIsSchoolActive] = useState("");
   const [selectedSortOption, setSelectedSortOption] = useState("Newest to oldest");
 
   useEffect(() => {
@@ -252,6 +253,7 @@ export default function SearchTeacherSets(props) {
         setTsSubjects(res.data.tsSubjectsHash);
         setResetPageNumber(res.data.resetPageNumber);
         setTeacherSetDataNotRetrievedMsg(res.data.errrorMessage);
+        setIsSchoolActive(res.data.is_school_active)
         if (res.data.teacher_sets.length > 0 && res.data.total_count > 10) {
           setDisplayPagination("block");
         } else {
@@ -1261,7 +1263,7 @@ export default function SearchTeacherSets(props) {
 
   return (
     <TemplateAppContainer
-      breakout={<AppBreadcrumbs />}
+      breakout={<AppBreadcrumbs is_school_active={isSchoolActive} />}
       contentTop={
         <>
           {<SignedInMsg signInDetails={props} />}

app/javascript/components/TeacherSetDetails/TeacherSetDetails.jsx

@@ -535,7 +535,7 @@ export default function TeacherSetDetails(props) {
 
   const inactiveSchoolMessage = () => {
     if (currentUserStatus && isSchoolActive === false) {
-      return (<Banner content={<>
+      return (<Banner className="inactiveSchool" content={<>
         Your school is inactive, so your account is restricted. Please contact help@mylibrarynyc.org.
       </>} type="warning" />)
     }
@@ -802,12 +802,12 @@ export default function TeacherSetDetails(props) {
               />
             }
           />
+          {inactiveSchoolMessage()}
         </>
       }
       contentTop={
         <>
           {errorMsg()}
-          {inactiveSchoolMessage()}
         </>
       }
       contentPrimary={

app/javascript/stylesheets/application.scss

@@ -546,3 +546,7 @@ ul.list li:before {
     flex-shrink: none !important;
   }
 }
+
+.inactiveSchool {
+  padding-left: var(--nypl-sizes-36);
+}

config/routes.rb

@@ -49,6 +49,7 @@
 
   match '/home/get_mln_file_names' => 'home#mln_file_names', via: [:get]
   match '/secondary_menu' => 'home#secondary_menu', via: [:get]
+  match '/user_school' => 'users#user_school', via: [:get]
 
   match '/news_letter/validate_news_letter_email_from_user_sign_up_page' => 'news_letter#validate_news_letter_email_from_user_sign_up_page',
         via: [:get, :post]