feat(spindle-ui): add link follow type in pagination #827
Conversation
|
Visit the preview URL for this PR (updated for commit 02dbb9e): https://ameba-spindle--pr827-feat-add-linkfollowt-rznlzfuu.web.app (expires Sun, 12 Nov 2023 07:39:18 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: e7521619a2dd5c653490c8246e81ec2a5c8f1435 |
| @@ -30,15 +30,19 @@ import { Pagination } from './Pagination'; | |||
| <Description>- `current`(必須): 現在のページ数を指定してください。</Description> | |||
| <Description>- `total`(必須): 総ページ数を指定してください。</Description> | |||
| <Description> | |||
| - `createUrl`(必須): 関数を渡すことでリンクのhrefとなる値を生成することが可能です。 | |||
| - `linkFollowType`(必須): nofollowにするリンクのタイプを選択します。`all`, | |||
There was a problem hiding this comment.
imo: この説明だと nofollow にするタイプに対して all で全followになり少し混乱するので、ちと説明変えてもいいかもなぁ・・
| @@ -30,6 +40,7 @@ export const PaginationItem: FC<Props> = React.memo( | |||
| current, | |||
| total, | |||
| }); | |||
| const hasRelAttribute = getLinkRelAttribute({ linkFollowType, pageNumber }); | |||
There was a problem hiding this comment.
ここまで来ないと pageNumber わからないのかぁ〜 (今更)
There was a problem hiding this comment.
getLinkRelAttribute が bool 返ってくるのがちと違和感かも。名称をfollowのフラグ用途に絞るか、rel を扱うのであれば値返しちゃうのもあるかもです。
There was a problem hiding this comment.
nofollowかundefinedを返しちゃおうと思います
Dai7Igarashi
force-pushed
the
feat/add-linkFollowType-in-Pagination
branch
from
9cd9d15 to
4312df7
Compare
| } | ||
| /> | ||
|
|
||
| ## 全てのリンクをdofollowにする |
There was a problem hiding this comment.
ちと唐突なので、 linkFollowTypeの設定 あたりで見出しつけお願いしたいです〜。今の項目は一つ落としましょう。
| case 'none': | ||
| return 'nofollow'; | ||
| case 'firstPage': | ||
| if (pageNumber === 1) { |
There was a problem hiding this comment.
case 'firstPage':
return pageNumber === 1 ? undefined : 'nofollow';
☝️な感じで三項演算子使えばもうちょっとシュッとできそうな気がするのですがどでしょ。
| @@ -30,15 +30,19 @@ import { Pagination } from './Pagination'; | |||
| <Description>- `current`(必須): 現在のページ数を指定してください。</Description> | |||
| <Description>- `total`(必須): 総ページ数を指定してください。</Description> | |||
| <Description> | |||
| - `createUrl`(必須): 関数を渡すことでリンクのhrefとなる値を生成することが可能です。 | |||
| - `linkFollowType`(必須): クロールさせたいリンクの種類を選択します。`all`, | |||
There was a problem hiding this comment.
下に詳細解説はあるのでここでは事実よりの説明でいいかもしれないです。なので説明文を以下の構成で変更お願いします！
「リンクのrelに設定する値をall, none, firstPage から選択できます。詳しくは「linkFollowTypeの設定」を参照してください」
ref: https://github.com/openameba/spindle/pull/827/files#r1357745061
|
細かいですがコミットメッセージ以下な感じに変更したいです！ BREAKING CHANGEのテキストは1文単体でわかる方が良さそうです、別枠で表示されることもあるので！ ref: https://github.com/openameba/spindle/releases/tag/%40openameba%2Fspindle-ui%400.52.0 typeを typeを |
Dai7Igarashi
force-pushed
the
feat/add-linkFollowType-in-Pagination
branch
from
4312df7 to
0c08260
Compare
| } | ||
| /> | ||
|
|
||
| <h2 id="link-follow-type-settings">linkFollowTypeの設定</h2> |
There was a problem hiding this comment.
[linkFollowTypeの設定](#link-follow-type-settings)からのリンク遷移のためにidを付与したかったのですが、mdxの記法でid付与が難しそうだったので、ここだけHTMLで直接書きました🙏
BREAKING CHANGE: Pagination requires the 'linkFollowType' property to be set.
Dai7Igarashi
force-pushed
the
feat/add-linkFollowType-in-Pagination
branch
from
0c08260 to
02dbb9e
Compare
概要
下記Design Docsに従い、Paginationの
rel="nofollow"に関する修正を行いました。close: #826
特記事項
指定必須のpropsを追加したので、BREAKING CHANGEです。