From afb5311eabb7773ad34b6bc28fba0b2efdaee3df Mon Sep 17 00:00:00 2001
From: Brian Pilati <brianpilati@cos.io>
Date: Fri, 28 Jul 2023 13:43:05 -0600
Subject: [PATCH] Updates for comments from PR

---
 app/preprints/index/route.ts                  |  4 +++-
 app/preprints/index/styles.scss               |  4 ++++
 app/preprints/index/template.hbs              | 24 ++++++++++---------
 .../components/branded-header/template.hbs    |  4 +++-
 .../preprints/taxonomy-top-list/component.ts  |  3 ---
 .../components/search-help-modal/component.ts |  1 +
 .../components/search-help-modal/template.hbs |  2 +-
 lib/registries/addon/discover/template.hbs    | 16 ++++++-------
 mirage/scenarios/preprints.ts                 | 10 ++++++--
 9 files changed, 41 insertions(+), 27 deletions(-)

diff --git a/app/preprints/index/route.ts b/app/preprints/index/route.ts
index 565010db3a..ffaebdfcdc 100644
--- a/app/preprints/index/route.ts
+++ b/app/preprints/index/route.ts
@@ -3,6 +3,7 @@ import Route from '@ember/routing/route';
 import RouterService from '@ember/routing/router-service';
 import { inject as service } from '@ember/service';
 import Theme from 'ember-osf-web/services/theme';
+import captureException from 'ember-osf-web/utils/capture-exception';
 
 /**
  * Loads all disciplines and preprint providers to the index page
@@ -38,7 +39,8 @@ export default class Preprints extends Route {
                 brandedProviders,
             };
 
-        } catch (e) {
+        } catch (error) {
+            captureException(error);
             this.router.transitionTo('not-found', 'preprints');
             return null;
         }
diff --git a/app/preprints/index/styles.scss b/app/preprints/index/styles.scss
index 610fb832e8..94a18ffdbc 100644
--- a/app/preprints/index/styles.scss
+++ b/app/preprints/index/styles.scss
@@ -13,6 +13,10 @@
         background-color: var(--secondary-color);
         color: var(--primary-color) !important;
 
+        &.osf {
+            background: url('images/default-brand/bg-dark.jpg');
+        }
+
         a:not(:global(.btn)) {
             color: var(--primary-color);
             text-decoration: underline;
diff --git a/app/preprints/index/template.hbs b/app/preprints/index/template.hbs
index b3f3eb94c0..ab16190782 100644
--- a/app/preprints/index/template.hbs
+++ b/app/preprints/index/template.hbs
@@ -1,9 +1,11 @@
 {{page-title (t 'preprints.title')}}
 
-<div local-class='preprints-page-container' {{with-branding (get-model this.theme.provider.brand) }}>
+<div local-class='preprints-page-container' {{with-branding (get-model this.theme.provider.brand) }}
+    data-analytics-scope='preprints landing page'
+>
 
     {{!HEADER}}
-    <div local-class='preprint-header'>
+    <div local-class='preprint-header {{if this.isOsf 'osf'}}'>
         <BrandedHeader
             @translationParent='preprints'
             @onSearch={{action this.onSearch}}
@@ -17,7 +19,7 @@
                 <div>
                     <OsfLink
                         data-test-poweredby-button
-                        data-analytics-name='Preprints powered-by button'
+                        data-analytics-name='powered-by button'
                         @href={{concat @host 'preprints'}}
                     >
                         {{t 'preprints.header.powered_by'}}
@@ -30,7 +32,7 @@
                         <div class='lead'>{{t 'preprints.header.or'}}</div>
                         <OsfLink
                             data-test-submit-button
-                            data-analytics-name='Preprints submit button'
+                            data-analytics-name='submit button'
                             local-class='btn-info'
                             class='btn btn-success btn-lg preprint-submit-button' 
                             @href={{concat this.theme.pathPrefix 'submit'}}
@@ -40,7 +42,7 @@
                         <div local-class='example-container'>
                             <OsfLink
                                 data-test-see-example
-                                data-analytics-name='Preprints - See Example'
+                                data-analytics-name='See Example'
                                 @href={{concat '/content/' (if this.theme.provider.example this.theme.provider.example 'khbvy')}}
                             >
                                 {{t 'preprints.header.example'}}
@@ -65,7 +67,7 @@
             {{#if this.theme.provider.hasHighlightedSubjects}}
                 <OsfLink
                     data-test-see-example
-                    data-analytics-name='Preprints - See Example'
+                    data-analytics-name='See Example'
                     @href='/discover/'
                 >
                     {{t 'preprints.subjects.links.seeAllSubjects'}}
@@ -94,7 +96,7 @@
                         {{#if (not-eq provider.id 'livedata') }}
                             <OsfLink
                                 data-test-see-example
-                                data-analytics-name='Preprints - See Example'
+                                data-analytics-name='See Example'
                                 @href={{concat '/preprints/' provider.id }}
                                 title='{{provider.name}}'
                                 local-class='provider-logo'
@@ -112,9 +114,9 @@
 
                         <OsfLink
                             data-test-github-repo
-                            data-analytics-name='Preprints - Index - Github Repo'
+                            data-analytics-name='Github Repo'
                             local-class='links'
-                            @href='https://github.com/CenterForOpenScience/ember-preprints'
+                            @href='https://github.com/CenterForOpenScience/ember-osf-web'
                         >
                             {{t 'preprints.services.bottom.div.linkText1'}}
                         </OsfLink>
@@ -123,7 +125,7 @@
 
                         <OsfLink
                             data-test-public-roadmap
-                            data-analytics-name='Preprints - Index - Public Roadmap'
+                            data-analytics-name='Public Roadmap'
                             local-class='links'
                             @href='https://cos.io/our-products/product-roadmap/'
                         >
@@ -135,7 +137,7 @@
                     <div local-class='contact'>
                         <OsfLink
                             data-test-contact-link
-                            data-analytics-name='Preprints - Index - Contact Email'
+                            data-analytics-name='Contact Email'
                             class='btn btn-info btn-lg'
                             @href='mailto:contact@osf.io'
                         >
diff --git a/lib/osf-components/addon/components/branded-header/template.hbs b/lib/osf-components/addon/components/branded-header/template.hbs
index 1cb4ccc6d5..cb74dd0d82 100644
--- a/lib/osf-components/addon/components/branded-header/template.hbs
+++ b/lib/osf-components/addon/components/branded-header/template.hbs
@@ -58,6 +58,8 @@
         {{yield (hash row=(element ''))}}
     </div>
 
-    <SearchHelpModal @isOpen={{this.showingHelp}} />
+    <SearchHelpModal @isOpen={{this.showingHelp}}
+    @onClose={{this.toggleHelp}}
+     />
 
 </div>
diff --git a/lib/osf-components/addon/components/preprints/taxonomy-top-list/component.ts b/lib/osf-components/addon/components/preprints/taxonomy-top-list/component.ts
index 7addf545d5..40a6daa261 100644
--- a/lib/osf-components/addon/components/preprints/taxonomy-top-list/component.ts
+++ b/lib/osf-components/addon/components/preprints/taxonomy-top-list/component.ts
@@ -1,5 +1,4 @@
 import Component from '@glimmer/component';
-import { computed } from '@ember/object';
 import SubjectModel from 'ember-osf-web/models/subject';
 
 interface InputArgs {
@@ -14,8 +13,6 @@ interface PairModel {
 export default class TaxonomyTopList extends Component<InputArgs> {
     routerPrefix = 'http://localhost:4200';
 
-
-    @computed('args.list')
     get sortedList() {
         if (!this.args.list) {
             return;
diff --git a/lib/osf-components/addon/components/search-help-modal/component.ts b/lib/osf-components/addon/components/search-help-modal/component.ts
index 28c40dfc0c..c6b4ce0aa3 100644
--- a/lib/osf-components/addon/components/search-help-modal/component.ts
+++ b/lib/osf-components/addon/components/search-help-modal/component.ts
@@ -15,6 +15,7 @@ import { inject as service } from '@ember/service';
 
 interface InputArgs {
     isOpen: false;
+    onClose: () => void;
 }
 
 export default class SearchHelpModal extends Component<InputArgs> {
diff --git a/lib/osf-components/addon/components/search-help-modal/template.hbs b/lib/osf-components/addon/components/search-help-modal/template.hbs
index ee3b226eea..79ff2f6e03 100644
--- a/lib/osf-components/addon/components/search-help-modal/template.hbs
+++ b/lib/osf-components/addon/components/search-help-modal/template.hbs
@@ -1,7 +1,7 @@
 <div id='ember-bootstrap-modal-container'>
     <OsfDialog
         @isOpen={{@isOpen}}
-        @onClose={{action (mut @isOpen) false}}
+        @onClose={{@onClose}}
         as |dialog|
     >
         <dialog.heading data-test-search-help-modal-header>
diff --git a/lib/registries/addon/discover/template.hbs b/lib/registries/addon/discover/template.hbs
index da00795fcd..d26027f5d4 100644
--- a/lib/registries/addon/discover/template.hbs
+++ b/lib/registries/addon/discover/template.hbs
@@ -14,15 +14,15 @@
             searchable=this.searchable
         }}
     </HeroOverlay>
-    {{#registries-discover-search
-        results=this.results
-        isLoading=this.doSearch.isIdle
-        searchOptions=this.searchOptions
-        additionalFilters=this.additionalFilters
-        provider=this.providerModel
+    <RegistriesDiscoverSearch
+        results={{this.results}}
+        isLoading={{this.doSearch.isIdle}}
+        searchOptions={{this.searchOptions}}
+        additionalFilters={{this.additionalFilters}}
+        provider={{this.providerModel}}
         onSearchOptionsUpdated=(action this.onSearchOptionsUpdated)
         as |discover|
-    }}
+    >
         <div local-class='search-container {{if this.isMobile 'mobile'}}'>
             <div local-class='search-options-container'>
                 {{#if this.searchOptions}}
@@ -104,5 +104,5 @@
             </div>
         </div>
 
-    {{/registries-discover-search}}
+    </RegistriesDiscoverSearch>
 </RegistriesWrapper>
diff --git a/mirage/scenarios/preprints.ts b/mirage/scenarios/preprints.ts
index fac2d9d356..b86188a118 100644
--- a/mirage/scenarios/preprints.ts
+++ b/mirage/scenarios/preprints.ts
@@ -16,7 +16,10 @@ function buildOSF(
     currentUser: ModelInstance<User>,
 ) {
     const osf = server.schema.preprintProviders.find('osf') as ModelInstance<PreprintProvider>;
-    const brand = server.create('brand');
+    const brand = server.create('brand', {
+        primaryColor: '#286090',
+        secondaryColor: '#fff',
+    });
     const currentUserModerator = server.create('moderator',
         { id: currentUser.id, user: currentUser, provider: osf }, 'asAdmin');
 
@@ -43,7 +46,10 @@ function buildThesisCommons(
     currentUser: ModelInstance<User>,
 ) {
     const thesisCommons = server.schema.preprintProviders.find('thesiscommons') as ModelInstance<PreprintProvider>;
-    const brand = server.create('brand');
+    const brand = server.create('brand', {
+        primaryColor: '#721a0e',
+        secondaryColor: '#fec216',
+    });
     const currentUserModerator = server.create('moderator',
         { id: currentUser.id, user: currentUser, provider: thesisCommons }, 'asAdmin');