[マイページ]API繋ぎ込み

[Kubosaka]

#913

概要

• マイページのAPI繋ぎ込み

画面スクリーンショット等

• URL
  

テスト項目

• DBにデータを追加（financial_records、divisions、user_groups、festival_items、item_budgets、buy_reports、buy_status）
• ログイン→マイページに移動でデータが表示されるか

備考

[hikahana]

[TkymHrt]

デザインだとサブテーブルにも繰り返し物品名を表示するようだったので、コメントしておきます。冗長なら消すでも良い気もします。

参考までに（92行-123行）

        <TableSubItem
          items={item.buyReports}
          itemsName={item.festivalItemName}
          truncateItemName={truncateItemName}
        />
      )}
    </>
  );
};

// テーブルのサブ項目
interface TableSubItemProps {
  items: BuyReportInformation[];
  itemsName: string | undefined;
  truncateItemName: (value: string, maxLen?: number) => string;
}

const TableSubItem: React.FC<TableSubItemProps> = ({ items, itemsName, truncateItemName }) => {
  return (
    <tr>
      <td colSpan={5}>
        <div className='flex w-full justify-start px-2 md:w-[90%]'>
          <div className='mx-6 w-full overflow-auto rounded-md bg-[#F3F3F3] px-10 py-3'>
            <table
              className='w-full table-auto whitespace-normal break-words text-sm text-[#333]'
              onClick={(e) => e.stopPropagation()}
            >
              <tbody>
                {items.map((item) => (
                  <tr key={item.buyReportName}>
                    <td className='w-[30%] text-nowrap px-2 py-2 text-left'>
                      {truncateItemName(itemsName || '')}

[Kubosaka]

@TkymHrt
修正しますた
自明なので不要な気もしますが、デザインに則りましょう

[Chikuwa0141]

使用済みの金額を清算完了の（封詰め完了、清算完了チェックが入った）購入報告の金額にお願いします。
画像の景品と食材が清算完了以外の購入報告も含んでいます。

[Kubosaka]

@Chikuwa0141 修正しました
マイページAPI計算修正