apply lint fixes

Author: nikgraf

apps/connect/src/Boot.tsx

@@ -1,7 +1,7 @@
 import { Connect, StoreConnect } from '@graphprotocol/hypergraph';
 import { PrivyProvider } from '@privy-io/react-auth';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { RouterProvider, createRouter } from '@tanstack/react-router';
+import { createRouter, RouterProvider } from '@tanstack/react-router';
 import { useLayoutEffect, useRef } from 'react';
 import { getAddress } from 'viem';
 import { routeTree } from './routeTree.gen';

apps/connect/src/components/CreateSpaceCard.tsx

@@ -1,12 +1,12 @@
-import { Loading } from '@/components/ui/Loading';
-import { cn } from '@/lib/utils';
 import { Graph } from '@graphprotocol/grc-20';
 import { Key, type Messages, SpaceEvents, SpaceInfo, StoreConnect, Utils } from '@graphprotocol/hypergraph';
 import { useIdentityToken } from '@privy-io/react-auth';
 import { useQueryClient } from '@tanstack/react-query';
 import { useSelector } from '@xstate/store/react';
 import { Effect } from 'effect';
 import { useState } from 'react';
+import { Loading } from '@/components/ui/Loading';
+import { cn } from '@/lib/utils';
 
 interface CreateSpaceCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {}
 

apps/connect/src/components/LogoutButton.tsx

@@ -1,8 +1,8 @@
-import { Loading } from '@/components/ui/Loading';
 import { Connect } from '@graphprotocol/hypergraph';
 import { usePrivy } from '@privy-io/react-auth';
 import { useRouter } from '@tanstack/react-router';
 import { useState } from 'react';
+import { Loading } from '@/components/ui/Loading';
 
 export function LogoutButton() {
   const { logout: privyLogout, ready, authenticated } = usePrivy();

apps/connect/src/components/SpacesCard.tsx

@@ -1,8 +1,8 @@
+import { Popover } from '@base-ui-components/react/popover';
 import { Loading } from '@/components/ui/Loading';
 import type { PrivateSpaceData } from '@/hooks/use-private-spaces';
 import type { PublicSpaceData } from '@/hooks/use-public-spaces';
 import { cn } from '@/lib/utils';
-import { Popover } from '@base-ui-components/react/popover';
 
 interface SpacesCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
   spaces: (PublicSpaceData | PrivateSpaceData)[];

apps/connect/src/components/ui/Loading.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { cn } from '@/lib/utils';
 import { Loader2 } from 'lucide-react';
+import { cn } from '@/lib/utils';
 
 interface LoadingProps extends React.HTMLAttributes<HTMLDivElement> {
   /** @default false */

apps/connect/src/hooks/use-private-spaces.ts

@@ -1,7 +1,7 @@
-import { getAppInfoByIds } from '@/lib/get-app-info-by-ids';
 import { Connect } from '@graphprotocol/hypergraph';
 import { useIdentityToken } from '@privy-io/react-auth';
 import { type UseQueryResult, useQuery } from '@tanstack/react-query';
+import { getAppInfoByIds } from '@/lib/get-app-info-by-ids';
 
 export type PrivateSpaceData = {
   id: string;

apps/connect/src/routes/__root.tsx

@@ -1,11 +1,11 @@
-import GeoLogo from '@/assets/images/geo-logo-branded.svg?react';
-import { LogoutButton } from '@/components/LogoutButton';
-import { AppTitle } from '@/components/ui/AppTitle';
 import { StoreConnect } from '@graphprotocol/hypergraph';
 import { usePrivy } from '@privy-io/react-auth';
-import { Outlet, createRootRoute, useLayoutEffect, useRouter } from '@tanstack/react-router';
+import { createRootRoute, Outlet, useLayoutEffect, useRouter } from '@tanstack/react-router';
 import { TanStackRouterDevtools } from '@tanstack/react-router-devtools';
 import { useSelector } from '@xstate/store/react';
+import GeoLogo from '@/assets/images/geo-logo-branded.svg?react';
+import { LogoutButton } from '@/components/LogoutButton';
+import { AppTitle } from '@/components/ui/AppTitle';
 
 export const Route = createRootRoute({
   component: () => {

apps/connect/src/routes/authenticate.tsx

@@ -1,8 +1,3 @@
-import { CreateSpaceCard } from '@/components/CreateSpaceCard';
-import { SpacesCard } from '@/components/SpacesCard';
-import { Loading } from '@/components/ui/Loading';
-import { usePrivateSpaces } from '@/hooks/use-private-spaces';
-import { usePublicSpaces } from '@/hooks/use-public-spaces';
 import { Graph } from '@graphprotocol/grc-20';
 import { Connect, Identity, Key, type Messages, StoreConnect, Utils } from '@graphprotocol/hypergraph';
 import { useIdentityToken, usePrivy, useWallets } from '@privy-io/react-auth';
@@ -14,6 +9,11 @@ import { TriangleAlert } from 'lucide-react';
 import { useEffect, useState } from 'react';
 import { createWalletClient, custom } from 'viem';
 import { privateKeyToAccount } from 'viem/accounts';
+import { CreateSpaceCard } from '@/components/CreateSpaceCard';
+import { SpacesCard } from '@/components/SpacesCard';
+import { Loading } from '@/components/ui/Loading';
+import { usePrivateSpaces } from '@/hooks/use-private-spaces';
+import { usePublicSpaces } from '@/hooks/use-public-spaces';
 
 const CHAIN = import.meta.env.VITE_HYPERGRAPH_CHAIN === 'geogenesis' ? Connect.GEOGENESIS : Connect.GEO_TESTNET;
 const API_URL =
@@ -327,7 +327,7 @@ function AuthenticateComponent() {
 
     try {
       const privyProvider = await embeddedWallet.getEthereumProvider();
-      const walletClient = createWalletClient({
+      const _walletClient = createWalletClient({
         account: embeddedWallet.address as `0x${string}`,
         chain: CHAIN,
         transport: custom(privyProvider),

apps/connect/src/routes/index.tsx

@@ -1,11 +1,11 @@
+import { Graph } from '@graphprotocol/grc-20';
+import { useIdentityToken } from '@privy-io/react-auth';
+import { createFileRoute } from '@tanstack/react-router';
 import { CreateSpaceCard } from '@/components/CreateSpaceCard';
 import { SpacesCard } from '@/components/SpacesCard';
 import { Loading } from '@/components/ui/Loading';
 import { usePrivateSpaces } from '@/hooks/use-private-spaces';
 import { usePublicSpaces } from '@/hooks/use-public-spaces';
-import { Graph } from '@graphprotocol/grc-20';
-import { useIdentityToken } from '@privy-io/react-auth';
-import { createFileRoute } from '@tanstack/react-router';
 
 export const Route = createFileRoute('/')({
   component: Index,

apps/connect/src/routes/login.lazy.tsx

@@ -1,10 +1,10 @@
-import GeoLogo from '@/assets/images/geo-logo-branded.svg?react';
-import { AppTitle } from '@/components/ui/AppTitle';
 import { Connect, type Identity } from '@graphprotocol/hypergraph';
 import { type ConnectedWallet, useIdentityToken, usePrivy, useWallets } from '@privy-io/react-auth';
 import { createLazyFileRoute, useRouter } from '@tanstack/react-router';
 import { useCallback, useEffect, useState } from 'react';
-import { type WalletClient, createWalletClient, custom } from 'viem';
+import { createWalletClient, custom, type WalletClient } from 'viem';
+import GeoLogo from '@/assets/images/geo-logo-branded.svg?react';
+import { AppTitle } from '@/components/ui/AppTitle';
 
 const CHAIN = import.meta.env.VITE_HYPERGRAPH_CHAIN === 'geogenesis' ? Connect.GEOGENESIS : Connect.GEO_TESTNET;
 const syncServerUri = import.meta.env.VITE_HYPERGRAPH_SYNC_SERVER_ORIGIN;