From dc36b48b8ec454e1aa864e5c4a3c2b56d8a6bea6 Mon Sep 17 00:00:00 2001
From: Monica Tang <monicatang@meta.com>
Date: Wed, 13 Mar 2024 10:41:24 -0700
Subject: [PATCH] fix typos in tutorial

Summary:
Addressing feedback about an incorrect word in the fragments tutorial.

Selected text: "Update the Props to accept a PosterBylineFragment$key as the person prop."

Feedback: "There is a typo here in the form of an entire word:
person should be poster here.

Reviewed By: evanyeung

Differential Revision: D54830901

fbshipit-source-id: 85fab0656156587adfd9e5b821fbe9bc3f2ca7b7
---
 website/docs/tutorial/fragments-1.md                        | 6 +++---
 .../versioned_docs/version-v16.0.0/tutorial/fragments-1.md  | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/website/docs/tutorial/fragments-1.md b/website/docs/tutorial/fragments-1.md
index 49fe3bc7720ee..e7c17b471efff 100644
--- a/website/docs/tutorial/fragments-1.md
+++ b/website/docs/tutorial/fragments-1.md
@@ -50,7 +50,7 @@ type Props = {
 export default function Story({story}: Props) {
   return (
     <Card>
-      <PosterByline person={story.poster} />
+      <PosterByline poster={story.poster} />
       <Heading>{story.title}</Heading>
       // change-line
       <Timestamp time={story.createdAt} /> // Add this line
@@ -142,7 +142,7 @@ export default function Story({story}: Props) {
   return (
     <Card>
       <Heading>{data.title}</Heading>
-      <PosterByline person={data.poster} />
+      <PosterByline poster={data.poster} />
       <Timestamp time={data.createdAt} />
       <Image image={data.image} />
       <StorySummary summary={data.summary} />
@@ -210,7 +210,7 @@ The `PosterByline` component used by `Story` renders the poster’s name and pro
 * Declare a `PosterBylineFragment` on `Actor` and specify the fields it needs (`name`, `profilePicture`). The `Actor` type represents a person or organization that can post a story.
 * Spread that fragment within `poster` in `StoryFragment`.
 * Call `useFragment` to retrieve the data.
-* Update the Props to accept a `PosterBylineFragment$key` as the `person` prop.
+* Update the Props to accept a `PosterBylineFragment$key` as the `poster` prop.
 
 It’s worth going through these steps a second time, to get the mechanics of using fragments under your fingers. There are a lot of parts here that need to slot together in the right way.
 
diff --git a/website/versioned_docs/version-v16.0.0/tutorial/fragments-1.md b/website/versioned_docs/version-v16.0.0/tutorial/fragments-1.md
index 49fe3bc7720ee..e7c17b471efff 100644
--- a/website/versioned_docs/version-v16.0.0/tutorial/fragments-1.md
+++ b/website/versioned_docs/version-v16.0.0/tutorial/fragments-1.md
@@ -50,7 +50,7 @@ type Props = {
 export default function Story({story}: Props) {
   return (
     <Card>
-      <PosterByline person={story.poster} />
+      <PosterByline poster={story.poster} />
       <Heading>{story.title}</Heading>
       // change-line
       <Timestamp time={story.createdAt} /> // Add this line
@@ -142,7 +142,7 @@ export default function Story({story}: Props) {
   return (
     <Card>
       <Heading>{data.title}</Heading>
-      <PosterByline person={data.poster} />
+      <PosterByline poster={data.poster} />
       <Timestamp time={data.createdAt} />
       <Image image={data.image} />
       <StorySummary summary={data.summary} />
@@ -210,7 +210,7 @@ The `PosterByline` component used by `Story` renders the poster’s name and pro
 * Declare a `PosterBylineFragment` on `Actor` and specify the fields it needs (`name`, `profilePicture`). The `Actor` type represents a person or organization that can post a story.
 * Spread that fragment within `poster` in `StoryFragment`.
 * Call `useFragment` to retrieve the data.
-* Update the Props to accept a `PosterBylineFragment$key` as the `person` prop.
+* Update the Props to accept a `PosterBylineFragment$key` as the `poster` prop.
 
 It’s worth going through these steps a second time, to get the mechanics of using fragments under your fingers. There are a lot of parts here that need to slot together in the right way.