Apply suggestions from code review

Workday · Sep 19, 2023 · d26ec73 · d26ec73
1 parent 11b695e
commit d26ec73
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/modules/react/avatar/lib/Avatar.tsx b/modules/react/avatar/lib/Avatar.tsx
@@ -40,7 +40,7 @@ export interface AvatarProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
    * The object-fit CSS property sets how the content of a replaced element,
    * such as an <img> or <video>, should be resized to fit its container.
    * See [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).
-   * If you image is not a square, you can use this property to ensure the image is rendered properly.
+   * If your image is not a square, you can use this property to ensure the image is rendered properly.
    */
   objectFit?: Property.ObjectFit;
 }

diff --git a/modules/react/avatar/stories/stories.tsx b/modules/react/avatar/stories/stories.tsx
@@ -60,13 +60,13 @@ storiesOf('Components/Indicators/Avatar', module)
   ))
   .add('Non-Square Image', () => (
     <div className="story">
-      <h3>Rectangle Image</h3>
+      <h3>Original Rectangle Image</h3>
       <img alt="" src="https://placekitten.com/g/450/200" />
-      <h3>Round Image</h3>
+      <h3>Using Object Fit on a Rectangle Image</h3>
       <Avatar as="div" size={200} url="https://placekitten.com/g/450/200" objectFit="contain" />
-      <h3>Square Image</h3>
+      <h3>Original Square Image</h3>
       <img alt="" src="https://placekitten.com/g/450/450" />
-      <h3>Round Image</h3>
+      <h3>using Object Fit on a Square Image</h3>
       <Avatar as="div" size={200} url="https://placekitten.com/g/450/450" objectFit="contain" />
     </div>
   ));