content: works vs. pieces

colinrobertbrooks · Nov 28, 2024 · 674d985 · 674d985
1 parent 1597f5d
commit 674d985
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/...ges/Collection/AvailableArtworkBanner.tsx → ...pages/Collection/AvailableWorksBanner.tsx b/...ges/Collection/AvailableArtworkBanner.tsx → ...pages/Collection/AvailableWorksBanner.tsx
@@ -10,15 +10,15 @@ import {
 } from 'styles';
 import { styled, Paragraph } from '../shared';
 
-const AvailableArtworkBanner = () => {
+const AvailableWorksBanner = () => {
   const [didDismiss, setDidDismiss] = useState<boolean>(false);
 
   if (didDismiss) return null;
 
   return (
     <Wrapper>
       <Paragraph className="fs-6 m-0">
-        <span>For available artwork contact:</span>{' '}
+        <span>For available works contact:</span>{' '}
         <ExternalLink href={ExternalUrl.JKenneth}>
           J. Kenneth Fine Art
         </ExternalLink>
@@ -77,4 +77,4 @@ const Dismiss = styled.button.attrs({
   }
 `;
 
-export default AvailableArtworkBanner;
+export default AvailableWorksBanner;
diff --git a/src/pages/Collection/FilterToggleIntroTooltip.tsx b/src/pages/Collection/FilterToggleIntroTooltip.tsx
@@ -28,7 +28,7 @@ const FilterToggleIntroTooltip = () => {
       toggle={handleDismiss}
     >
       <PopoverBody>
-        Click here to filter pieces by title, medium, size and more.
+        Click here to filter works by title, medium, size and more.
       </PopoverBody>
     </Popover>
   );

diff --git a/src/pages/Collection/Modal.tsx b/src/pages/Collection/Modal.tsx
@@ -51,8 +51,8 @@ const Modal = ({ filteredCollection, id, setId }: ModalProps) => {
       setId(undefined);
       addErrorNotification({
         shouldAutoDismiss: true,
-        heading: 'Artwork Not Found',
-        text: 'That piece was not found.',
+        heading: 'Work Not Found',
+        text: 'That work was not found.',
       });
     }
   }, [id, idIsValid, setId, addErrorNotification]);
@@ -143,7 +143,7 @@ const Modal = ({ filteredCollection, id, setId }: ModalProps) => {
               <CarouselButton
                 ref={previousRef}
                 previous
-                aria-label="Go to previous piece"
+                aria-label="Go to previous work"
                 title="Previous"
                 onClick={handlePrevious}
               >
@@ -152,7 +152,7 @@ const Modal = ({ filteredCollection, id, setId }: ModalProps) => {
               <CarouselButton
                 ref={nextRef}
                 next
-                aria-label="Go to next piece"
+                aria-label="Go to next work"
                 title="Next"
                 onClick={handleNext}
               >

diff --git a/src/pages/Collection/index.tsx b/src/pages/Collection/index.tsx
@@ -15,7 +15,7 @@ import { HEADING_WRAPPER_MARGIN_BOTTOM_PX } from './consts';
 import Loader from './Loader';
 import { SlideProvider, SlideToggle, Slide } from './slide';
 import { useFilterState, Filters } from './filter';
-import AvailableArtworkBanner from './AvailableArtworkBanner';
+import AvailableWorksBanner from './AvailableWorksBanner';
 import FilterToggleIntroTooltip from './FilterToggleIntroTooltip';
 import List from './List';
 import ScrollToTop from './ScrollToTop';
@@ -43,8 +43,8 @@ const checkIsOutsideClick = (event: any) => {
 };
 
 const getCount = (all: number, filtered: number): string => {
-  if (all === filtered) return `${all} pieces`;
-  return `${filtered} of ${all} pieces`;
+  if (all === filtered) return `${all} works`;
+  return `${filtered} of ${all} works`;
 };
 
 export const Collection = () => {
@@ -79,7 +79,7 @@ export const Collection = () => {
         if (collectionIsLoading || !collection)
           return (
             <LoadingWrapper>
-              <AvailableArtworkBanner />
+              <AvailableWorksBanner />
               <Heading className="mb-4">Collection</Heading>
               <Loader />
             </LoadingWrapper>
@@ -90,7 +90,7 @@ export const Collection = () => {
         return (
           <>
             <SlideProvider checkIsOutsideClick={checkIsOutsideClick}>
-              <AvailableArtworkBanner />
+              <AvailableWorksBanner />
               <HeadingWrapper>
                 <Heading className="mb-0">Collection</Heading>
                 <HeadingCount>{count}</HeadingCount>
@@ -122,7 +122,7 @@ export const Collection = () => {
               noItems={
                 <div className="text-center">
                   <Paragraph color="gray" className="mt-2">
-                    No pieces match your current filter selections.
+                    No works match your current filter selections.
                   </Paragraph>
                   <OutlineButton onClick={resetFilters}>Reset</OutlineButton>
                 </div>