qraphqlのimport の統合

[hikahana]

対応Issue

• resolve graphQLのインポートパスの修正 #323

概要

graphqlのimportパスを修正しました。

実装詳細

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

テスト項目

• type/graqhql と types/graphqlで検索賭けてすべて修正できているか確認する。
• import {type hoge}みたいな感じでまとまってたらok
• [ ]

備考

[Copilot]

Copilot reviewed 5 out of 14 changed files in this pull request and generated no suggestions.

Files not reviewed (9)

• view-admin/src/styles/Home.module.css: Language not supported
• view-user/src/components/common/cards/NumberCardList/NumberCardList.tsx: Evaluated as low risk
• view-admin/src/pages/prizes/index.tsx: Evaluated as low risk
• view-user/src/pages/index.tsx: Evaluated as low risk
• view-user/src/pages/prizes/index.tsx: Evaluated as low risk
• view-admin/src/type/graphql.ts: Evaluated as low risk
• view-user/src/components/common/cards/PrizeCard/PrizeCard.tsx: Evaluated as low risk
• view-admin/src/components/common/BingoResult/BingoResult.tsx: Evaluated as low risk
• view-admin/src/components/common/UpdateNumberModal/UpdateNumberModal.tsx: Evaluated as low risk

Comments skipped due to low confidence (3)

view-admin/src/pages/index.tsx:44

• [nitpick] The variable name isopenBool is ambiguous. It should be renamed to isOpenBool.

const isOpenBool = () => setIsOpened(!isOpened);

view-admin/src/pages/index.tsx:162

• The class name flexerror should be corrected to flexError.

<div className={styles.flexError}>

view-admin/src/pages/index.tsx:196

• The class name flexerror should be corrected to flexError.

<div className={styles.flexError}>

[TkymHrt]

不要です！他のファイルもついでに！o(^o^)o

Suggested change

import React from "react";

[TkymHrt]

import type { GetListPrizesQuery } from "@/types/graphql";

nutfes-Bingo/view-user/src/components/common/cards/PrizeCardList/PrizeCardList.tsx

Line 4 in 42b52f1

import { GetListPrizesQuery } from "@/types/graphql";

[TkymHrt]

import type { SubscribeListNumbersSubscription } from "@/types/graphql";

nutfes-Bingo/view-user/src/components/common/NumberCardLarge/NumberCardLarge.tsx

Line 3 in 42b52f1

import { SubscribeListNumbersSubscription } from "@/types/graphql";

[hikahana]

そういえばこれ見れたらよろ

[YosukeIida]

Document(実装)と型で，importを使い分ける(importと，import type)と役割がわかりやすそうだと思った．
それと，import typeでimportしたものは，javascriptの実行時には影響しないという違いもあるらしい．

[hikahana]

import typeでimportしたものは，javascriptの実行時には影響しないという違いもあるらしい

この部分だけど

import {type hogeVarialbe, hogeDocument} from "types/grapql"

のように書いたらどうなるの？