Spacer コンポーネントへの書き換え

[ltoppyl]

✨ 概要

• コード内のスペースを Spacer コンポーネントに置き換える

🔥 ゴール

• コード内すべてのスペースが Spacer コンポーネントを使って実装される

📷 スクリーンショット

📄 参考資料

export const VSpacer = ({ size }: Props) => {
  return <Box w="auto" h={size} flexShrink={0} />;
};

export const HSpacer = ({ size }: Props) => {
  return <Box w={size} h="auto" display="inline-block" flexShrink={0} />;
};

✅ コンポーネント一覧 (チェックされているものは、既に置き換え完了済み)

component

• detail
  • ReviewButton.tsx
  • TimelineItem.tsx
• login
  • LoginButton のマージンを Spacer に置き換え #232
• review
  • ComentListItem のマージンを Spacer に置き換え #238
  • DiffFile のマージンを Spacer に置き換え #236
  • DiffFileList.tsx
  • DiffReaderer.tsx
  • Popover.tsx
  • Template.tsx
  • TemplateList.tsx
  • useWidgets.tsx
  • Widget.tsx
• top
  • NoPullsMessage.tsx
  • PullRequestList.tsx
• AuthContext.tsx
• Layout のマージンを Spacer に置き換え #234
• Menu.tsx
• Ogp.tsx
• PullRequestHeading.tsx
• Spacer.tex

hoc

hooks

pages

• [owner][repo][pullNumber]
  • index.tsx
  • review.tsx
• _app.tsx
• _document.tsx
• faq.tsx
• index.tsx
• login.tsx

store

style

types

utils

• markdown
  • theme
    • CheckBoxTheme.tsx
    • CodeTheme.tsx
    • DividerTheme.tsx
    • HeadingTheme.tsx
    • LinkTheme.tsx
    • QuoteTheme.tsx
  • customTheme.ts
• authReducer.ts
• firebase.ts

---

(リストの作成は、2022/2/8 現在)