more explicit constant names for the home page. also, make the app title a constant

alishaevn · alishaevn · commit a438438a0ca7 · 2023-03-07T10:46:35.000-06:00
diff --git a/pages/index.js b/pages/index.js
@@ -14,8 +14,9 @@ import {
   configureServices,
   useAllWares,
   FEATURED_SERVICE_PATH,
-  ABOUT_US,
-  TITLE,
+  ABOUT_US_TEXT,
+  ABOUT_US_TITLE,
+  APP_TITLE,
 } from '../utils'
 
 const Home = () => {
@@ -31,7 +32,7 @@ const Home = () => {
   return (
     <>
       <Head>
-        <title>Golden Pacific Sciences - WebStore</title>
+        <title>{APP_TITLE}</title>
         <link rel='icon' href='favicon.png' />
       </Head>
       <Image
@@ -43,7 +44,7 @@ const Home = () => {
       />
       <div className='container'>
         <SearchBar onSubmit={handleOnSubmit} />
-        <TitledTextBox title={TITLE} text={ABOUT_US} />
+        <TitledTextBox title={ABOUT_US_TITLE} text={ABOUT_US_TEXT} />
         {isError ? (
           <Notice
             alert={configureErrors([isError])}
diff --git a/utils/constants.js b/utils/constants.js
@@ -6,10 +6,12 @@ export const DEFAULT_WARE_IMAGE = {
   alt: 'Several rows of test tubes with a liquid being put into one.',
 }
 
-export const TITLE = 'About Us'
+export const APP_TITLE = 'Golden Pacific Sciences - WebStore'
+
+export const ABOUT_US_TITLE = 'About Us'
 
 /* eslint-disable max-len */
-export const ABOUT_US = `Golden Pacific Sciences provides a range of products, Best Service Ever , and services within the life-science industry. We are able to support requests from the world’s top pharma companies and 100s of biotechs using Scientist.com.
+export const ABOUT_US_TEXT = `Golden Pacific Sciences provides a range of products, Best Service Ever , and services within the life-science industry. We are able to support requests from the world’s top pharma companies and 100s of biotechs using Scientist.com.
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio aenean sed adipiscing diam donec adipiscing tristique. Eu lobortis elementum nibh tellus molestie. Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Nisl purus in mollis nunc sed id semper risus in. Diam volutpat commodo sed egestas egestas fringilla. Lectus proin nibh nisl condimentum. Odio euismod lacinia at quis risus sed vulputate odio ut. Ac feugiat sed lectus vestibulum mattis ullamcorper. Iaculis at erat pellentesque adipiscing commodo elit at. Eget nullam non nisi est sit amet facilisis magna etiam. Faucibus turpis in eu mi bibendum neque egestas. Cursus mattis molestie a iaculis at erat pellentesque adipiscing.`
 /* eslint-enable max-len */
