qraphqlのimport の統合

view-admin/src/components/common/BingoResult/BingoResult.tsx

@@ -1,4 +1,3 @@
-import React, { ReactNode } from "react";
 import styles from "./BingoResult.module.css";
 import { SubscribeListNumbersSubscription } from "@/type/graphql";
 

view-admin/src/components/common/PrizeResult/PrizeResult.tsx

@@ -1,13 +1,13 @@
 import React, { useState } from "react";
 import styles from "./PrizeResult.module.css";
 import { useMutation } from "@apollo/client";
-import { UpdateOnePrizeIsWonDocument } from "@/type/graphql";
-import Image from "next/image";
-import type {
+import {
+  UpdateOnePrizeIsWonDocument,
   UpdateOnePrizeIsWonMutation,
   UpdateOnePrizeIsWonMutationVariables,
   GetListPrizesQuery,
 } from "@/type/graphql";
+import Image from "next/image";
 
 interface PrizeResultProps {
   prizeResult: GetListPrizesQuery["prizes"];

view-admin/src/components/common/UpdateNumberModal/UpdateNumberModal.tsx

@@ -2,8 +2,8 @@ import React, { useState } from "react";
 import styles from "./UpdateNumberModal.module.css";
 import { RxCrossCircled } from "react-icons/rx";
 import { useMutation } from "@apollo/client";
-import { UpdateOneNumberDocument } from "@/type/graphql";
-import type {
+import {
+  UpdateOneNumberDocument,
   UpdateOneNumberMutation,
   UpdateOneNumberMutationVariables,
 } from "@/type/graphql";

view-admin/src/pages/index.tsx

@@ -19,8 +19,6 @@ import {
   SubscribeListNumbersDocument,
   IncrementReachNumDocument,
   DecrementReachNumDocument,
-} from "@/type/graphql";
-import type {
   SubscribeListNumbersSubscription,
   IncrementReachNumMutation,
   DecrementReachNumMutation,
@@ -43,7 +41,7 @@ const Page: NextPage = () => {
     SubscribeListNumbersSubscription["numbers"]
   >([]);
   const [isOpened, setIsOpened] = useState<boolean>(false);
-  const isopenBool = () => setIsOpened(!isOpened);
+  const isOpenBool = () => setIsOpened(!isOpened);
   const [isOpenUpdateNumberModal, setIsOpenUpdateNumberModal] =
     useState<boolean>(false);
 
@@ -143,7 +141,7 @@ const Page: NextPage = () => {
           >
             <p>景品管理</p>
           </Button>
-          <Button size="m" shape="circle" onClick={isopenBool}>
+          <Button size="m" shape="circle" onClick={isOpenBool}>
             <p>ビンゴ正誤判定</p>
           </Button>
           <Button
@@ -161,7 +159,7 @@ const Page: NextPage = () => {
           <p>抽選した番号を入力</p>
           <form onSubmit={handleSubmitCreate(onSubmitCreate)}>
             <div className={styles.item}>
-              <div className={styles.flexerror}>
+              <div className={styles.flexError}>
                 <input
                   type="number"
                   placeholder="番号を入力"
@@ -195,7 +193,7 @@ const Page: NextPage = () => {
         <div className={styles.frame}>
           <p className={styles.centerText}>抽選した番号を削除</p>
           <div className={styles.item}>
-            <div className={styles.flexerror}>
+            <div className={styles.flexError}>
               <input
                 type="number"
                 placeholder="番号を入力"

view-admin/src/pages/postPrizes/index.tsx

@@ -9,15 +9,12 @@ import {
   GetListPrizesDocument,
   CreateOnePrizeDocument,
   CreateOneImageDocument,
-} from "@/type/graphql";
-import type {
   GetListPrizesQuery,
   CreateOneImageMutation,
   CreateOnePrizeMutation,
   CreateOneImageMutationVariables,
   CreateOnePrizeMutationVariables,
 } from "@/type/graphql";
-
 import { useRouter } from "next/router";
 
 const Page: NextPage = () => {

view-admin/src/pages/prizes/index.tsx

@@ -4,8 +4,7 @@ import { Header, Button, PrizeResult } from "@/components/common";
 import { useRouter } from "next/router";
 import { useState, useEffect, useRef } from "react";
 import { useQuery } from "@apollo/client";
-import { GetListPrizesDocument } from "@/type/graphql";
-import type { GetListPrizesQuery } from "@/type/graphql";
+import { GetListPrizesDocument, GetListPrizesQuery } from "@/type/graphql";
 
 const Page: NextPage = () => {
   const router = useRouter();

view-admin/src/styles/Home.module.css

@@ -153,7 +153,7 @@
   font-size: small;
 }
 
-.flexerror {
+.flexError {
   display: flex;
   flex-direction: column;
 }

view-admin/src/type/graphql.ts

@@ -2116,11 +2116,11 @@ export type GetOneLatestReachLogQuery = {
   reachLogs: Array<{ __typename?: "ReachLogs"; reachNum: number }>;
 };
 
-export type SubscribeOneLatestReachlogSubscriptionVariables = Exact<{
+export type SubscribeOneLatestReachLogSubscriptionVariables = Exact<{
   [key: string]: never;
 }>;
 
-export type SubscribeOneLatestReachlogSubscription = {
+export type SubscribeOneLatestReachLogSubscription = {
   __typename?: "subscription_root";
   reachLogs: Array<{ __typename?: "ReachLogs"; reachNum: number }>;
 };
@@ -2451,15 +2451,15 @@ export type GetOneLatestReachLogQueryResult = Apollo.QueryResult<
   GetOneLatestReachLogQuery,
   GetOneLatestReachLogQueryVariables
 >;
-export const SubscribeOneLatestReachlogDocument = gql`
-  subscription SubscribeOneLatestReachlog {
+export const SubscribeOneLatestReachLogDocument = gql`
+  subscription SubscribeOneLatestReachLog {
     reachLogs(orderBy: { createdAt: DESC }, limit: 1) {
       reachNum
     }
   }
 `;
-export type SubscribeOneLatestReachlogSubscriptionResult =
-  Apollo.SubscriptionResult<SubscribeOneLatestReachlogSubscription>;
+export type SubscribeOneLatestReachLogSubscriptionResult =
+  Apollo.SubscriptionResult<SubscribeOneLatestReachLogSubscription>;
 export const GetListReachLogsAfterTimestampDocument = gql`
   query GetListReachLogsAfterTimestamp($timestamp: timestamptz!) {
     reachLogs(

view-user/src/Atom/atom.ts

@@ -1,5 +1,5 @@
 import { atom } from "recoil";
-import type { GetListPrizesQuery } from "@/types/graphql";
+import { GetListPrizesQuery } from "@/types/graphql";
 
 const defaultPrize = {
   id: 0,

view-user/src/components/Layout/Layout.tsx

@@ -19,8 +19,6 @@ import {
   CreateOneStampTriggerDocument,
   CreateOneReachRecordDocument,
   GetOneLatestReachLogDocument,
-} from "@/types/graphql";
-import type {
   CreateOneStampTriggerMutation,
   CreateOneStampTriggerMutationVariables,
   CreateOneReachRecordMutation,

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

@@ -1,4 +1,3 @@
-import React from "react";
 import styles from "./NumberCardLarge.module.css";
 import { SubscribeListNumbersSubscription } from "@/types/graphql";
 

view-user/src/components/common/ReactionStampModal/ReactionStampModal.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import Image from "next/image";
 import styles from "./ReactionStampModal.module.css";
 

view-user/src/components/common/buttons/ToggleButton/ToggleButton.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { motion } from "framer-motion";
 import styles from "./ToggleButton.module.css";
 

view-user/src/components/common/cards/NumberCardList/NumberCardList.tsx

@@ -1,5 +1,4 @@
-import React from "react";
-import type { SubscribeListNumbersSubscription } from "@/types/graphql";
+import { SubscribeListNumbersSubscription } from "@/types/graphql";
 import styles from "./NumberCardList.module.css";
 import NumberCardSmall from "../NumberCardSmall";
 

view-user/src/components/common/cards/NumberCardSmall/NumberCardSmall.tsx

@@ -1,6 +1,5 @@
-import React from "react";
 import styles from "./NumberCardSmall.module.css";
-import type { SubscribeListNumbersSubscription } from "@/types/graphql";
+import { SubscribeListNumbersSubscription } from "@/types/graphql";
 
 interface NumberCardSmallProps {
   BingoNumber: SubscribeListNumbersSubscription["numbers"][number];

view-user/src/components/common/cards/PrizeCard/PrizeCard.tsx

@@ -1,6 +1,5 @@
-import React from "react";
 import styles from "./PrizeCard.module.css";
-import type { GetListPrizesQuery } from "@/types/graphql";
+import { GetListPrizesQuery } from "@/types/graphql";
 import { useRouter } from "next/router";
 import classNames from "classnames";
 import { en, ja } from "@/locales";

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

@@ -1,4 +1,3 @@
-import React from "react";
 import styles from "./PrizeCardList.module.css";
 import PrizeCard from "../PrizeCard";
 import { GetListPrizesQuery } from "@/types/graphql";

view-user/src/components/common/icons/BackIcon/BackIcon.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconFramework } from "@/components/common";
 import { TiArrowBack } from "react-icons/ti";
 import { useRouter } from "next/router";

view-user/src/components/common/icons/PrizesIcon/PrizesIcon.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconFramework } from "@/components/common";
 import { BiGift } from "react-icons/bi";
 import { useRouter } from "next/router";

view-user/src/components/common/icons/ReactionsIcon/ReactionsIcon.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { IconFramework } from "@/components/common";
 import { FaRegFaceSmile } from "react-icons/fa6";
 

view-user/src/pages/index.tsx

@@ -3,8 +3,10 @@ import { useRouter } from "next/router";
 import React, { useEffect, useState, useCallback } from "react";
 import styles from "@/styles/Home.module.css";
 import { useSubscription } from "@apollo/client";
-import { SubscribeListNumbersDocument } from "@/types/graphql";
-import type { SubscribeListNumbersSubscription } from "@/types/graphql";
+import {
+  SubscribeListNumbersDocument,
+  SubscribeListNumbersSubscription,
+} from "@/types/graphql";
 import { Layout, Loading, NumberCardLarge, NumberCardList } from "@/components";
 import { ja, en } from "@/locales";
 

view-user/src/pages/prizes/index.tsx

@@ -7,8 +7,6 @@ import { useQuery, useSubscription } from "@apollo/client";
 import {
   GetListPrizesDocument,
   SubscribeListPrizesIsWonDocument,
-} from "@/types/graphql";
-import type {
   GetListPrizesQuery,
   SubscribeListPrizesIsWonSubscription,
 } from "@/types/graphql";

view-user/src/pages/screen/index.tsx

@@ -6,9 +6,9 @@ import {
   SubscribeListNumbersDocument,
   SubscribeCreatedStampTriggerDocument,
   SubscribeOneLatestReachLogDocument,
-  type SubscribeListNumbersSubscription,
-  type SubscribeCreatedStampTriggerSubscription,
-  type SubscribeOneLatestReachLogSubscription,
+  SubscribeListNumbersSubscription,
+  SubscribeCreatedStampTriggerSubscription,
+  SubscribeOneLatestReachLogSubscription,
 } from "@/types/graphql";
 import {
   NumberCardLarge,