fetcher.jsを廃止しrequest.jsに処理を統一

rails/request.js にAPIフェッチ処理を集約するため、fetcher.js を削除し、利用していた全コンポーネント・ファイルでのインポートと呼び出しをrequest.jsのgetに置き換えた

影響ファイル:
- Bookmarks.jsx, BookmarksInDashboard.jsx, Events.jsx, Notifications.jsx, Products.jsx, RegularEvents.jsx, Reports.jsx, NotificationsBell.jsx,  TagsInput.jsx, tag.js

Author: yokomaru

app/javascript/components/Bookmarks.jsx

@@ -1,11 +1,12 @@
 import React, { useState, useEffect, useRef } from 'react'
 import useSWR, { useSWRConfig } from 'swr'
-import fetcher from '../fetcher'
-import { destroy } from '@rails/request.js'
+import { get, destroy } from '@rails/request.js'
 import userIcon from '../user-icon.js'
 import Pagination from './Pagination'
 import usePage from './hooks/usePage'
 import { formatDateToJapanese } from '../dateFormatter'
+const fetcher = (url) =>
+  get(url, { responseKind: 'json' }).then((res) => res.json)
 
 export default function Bookmarks() {
   const [editable, setEditable] = useState(false)

app/javascript/components/BookmarksInDashboard.jsx

@@ -1,10 +1,11 @@
 import React, { useState, useEffect, useRef } from 'react'
 import useSWR, { useSWRConfig } from 'swr'
-import fetcher from '../fetcher'
-import { destroy } from '@rails/request.js'
+import { get, destroy } from '@rails/request.js'
 import userIcon from '../user-icon.js'
 import { toast } from '../vanillaToast.js'
 import { formatDateToJapanese } from '../dateFormatter'
+const fetcher = (url) =>
+  get(url, { responseKind: 'json' }).then((res) => res.json)
 
 export default function BookmarksInDashboard() {
   const [editable, setEditable] = useState(false)

app/javascript/components/Events.jsx

@@ -3,8 +3,10 @@ import useSWR from 'swr'
 import Pagination from './Pagination'
 import LoadingListPlaceholder from './LoadingListPlaceholder'
 import userIcon from '../user-icon.js'
-import fetcher from '../fetcher'
+import { get } from '@rails/request.js'
 import usePage from './hooks/usePage'
+const fetcher = (url) =>
+  get(url, { responseKind: 'json' }).then((res) => res.json)
 
 export default function Events() {
   const per = 20

app/javascript/components/Notifications.jsx

@@ -4,8 +4,10 @@ import LoadingListPlaceholder from './LoadingListPlaceholder'
 import Pagination from './Pagination'
 import UnconfirmedLink from './UnconfirmedLink'
 import useSWR from 'swr'
-import fetcher from '../fetcher'
+import { get } from '@rails/request.js'
 import usePage from './hooks/usePage'
+const fetcher = (url) =>
+  get(url, { responseKind: 'json' }).then((res) => res.json)
 
 export default function Notifications({ isMentor }) {
   const per = 20

app/javascript/components/NotificationsBell/NotificationsBell.jsx

@@ -4,7 +4,9 @@ import BellButton from './BellButton'
 import Header from './Header'
 import Notifications from './Notifications'
 import Footer from './Footer'
-import fetcher from '../../fetcher'
+import { get } from '@rails/request.js'
+const fetcher = (url) =>
+  get(url, { responseKind: 'json' }).then((res) => res.json)
 
 export function useNotification(status) {
   const baseUrl = '/api/notifications.json'

app/javascript/components/Products.jsx

@@ -4,9 +4,11 @@ import Pagination from './Pagination'
 import LoadingListPlaceholder from './LoadingListPlaceholder'
 import UnconfirmedLink from './UnconfirmedLink'
 import Product from './Product'
-import fetcher from '../fetcher'
+import { get } from '@rails/request.js'
 import elapsedDays from '../elapsed-days.js'
 import usePage from './hooks/usePage'
+const fetcher = (url) =>
+  get(url, { responseKind: 'json' }).then((res) => res.json)
 
 export default function Products({
   title,

app/javascript/components/RegularEvents.jsx

@@ -1,11 +1,13 @@
 import React, { useState, useEffect } from 'react'
 import useSWR from 'swr'
-import fetcher from '../fetcher'
+import { get } from '@rails/request.js'
 import queryString from 'query-string'
 import Pagination from './Pagination'
 import LoadingListPlaceholder from './LoadingListPlaceholder'
 import RegularEvent from './RegularEvent'
 import usePage from './hooks/usePage'
+const fetcher = (url) =>
+  get(url, { responseKind: 'json' }).then((res) => res.json)
 
 const RegularEvents = () => {
   const getTargetQueryParam = () => {

app/javascript/components/Reports.jsx

@@ -1,12 +1,14 @@
 import React, { useState } from 'react'
 import useSWR from 'swr'
-import fetcher from '../fetcher'
+import { get } from '@rails/request.js'
 import LoadingListPlaceholder from './LoadingListPlaceholder'
 import Report from './Report'
 import Pagination from './Pagination'
 import PracticeFilterDropdown from './PracticeFilterDropdown'
 import UnconfirmedLink from './UnconfirmedLink'
 import usePage from './hooks/usePage'
+const fetcher = (url) =>
+  get(url, { responseKind: 'json' }).then((res) => res.json())
 
 export default function Reports({
   userId = '',

app/javascript/components/Tags/TagsInput.jsx

@@ -2,11 +2,13 @@ import React, { useState, useCallback, useRef, useEffect } from 'react'
 import TagifyTags from '@yaireo/tagify/dist/react.tagify'
 import '@yaireo/tagify/dist/tagify.css' // Tagify CSS
 import useSWR from 'swr'
-import fetcher from '../../fetcher'
+import { get } from '@rails/request.js'
 import transformHeadSharp from './transform-head-sharp.js'
 import validateTagName from './validate-tag-name'
 import headIsSharpOrOctothorpe from './head-is-sharp-or-octothorpe'
 import parseTags from './parse_tags'
+const fetcher = (url) =>
+  get(url, { responseKind: 'json' }).then((res) => res.json)
 
 export default function TagsInput({
   tagsInitialValue,