From 81519e89b792cca10a2a4cf79899f5db82d80c30 Mon Sep 17 00:00:00 2001 From: Tickbase Date: Sun, 18 May 2025 18:23:06 +0200 Subject: [PATCH] Formatting --- docs/icons.md | 8 +- src/App.tsx | 23 +- src/components/buttons/ActionButton.tsx | 16 +- src/components/buttons/AnimatedCheckbox.tsx | 32 +- src/components/buttons/Button.tsx | 30 +- src/components/buttons/index.ts | 10 +- src/components/common/LoadingIndicator.tsx | 22 +- src/components/common/index.ts | 4 +- src/components/dialogs/Dialog.tsx | 25 +- src/components/dialogs/DialogActions.tsx | 24 +- src/components/dialogs/DialogBody.tsx | 12 +- src/components/dialogs/DialogFooter.tsx | 12 +- src/components/dialogs/DialogHeader.tsx | 14 +- src/components/dialogs/DlcSelectionDialog.tsx | 49 ++-- src/components/dialogs/ProgressDialog.tsx | 39 +-- src/components/dialogs/index.ts | 30 +- src/components/games/GameItem.tsx | 2 +- src/components/games/GameList.tsx | 12 +- src/components/games/ImagePreloader.tsx | 10 +- src/components/games/index.ts | 6 +- src/components/icons/Icon.tsx | 30 +- src/components/icons/IconFactory.ts | 2 +- src/components/icons/brands/index.ts | 2 +- src/components/icons/index.ts | 4 +- src/components/icons/ui/bold/index.ts | 2 +- src/components/icons/ui/outline/index.ts | 2 +- src/components/layout/AnimatedBackground.tsx | 10 +- src/components/layout/ErrorBoundary.tsx | 26 +- src/components/layout/Header.tsx | 13 +- .../layout/InitialLoadingScreen.tsx | 56 ++-- src/components/layout/Sidebar.tsx | 19 +- src/components/layout/index.ts | 10 +- src/components/notifications/Toast.tsx | 54 ++-- .../notifications/ToastContainer.tsx | 28 +- src/components/notifications/index.ts | 8 +- src/contexts/AppContext.tsx | 72 ++--- src/contexts/AppProvider.tsx | 123 ++++---- src/contexts/index.ts | 6 +- src/contexts/useAppContext.ts | 6 +- src/hooks/index.ts | 14 +- src/hooks/useAppLogic.ts | 50 ++-- src/hooks/useDlcManager.ts | 42 +-- src/hooks/useGameActions.ts | 275 +++++++++--------- src/hooks/useGames.ts | 12 +- src/hooks/useToasts.ts | 87 +++--- src/main.tsx | 2 +- src/services/ImageService.ts | 18 +- src/services/index.ts | 2 +- src/styles/abstracts/_fonts.scss | 3 +- src/styles/abstracts/_layout.scss | 7 +- src/styles/components/dialogs/_dialog.scss | 4 +- src/styles/components/games/_gamecard.scss | 8 +- src/styles/components/icons/_icon.scss | 4 +- src/styles/components/layout/_header.scss | 4 +- src/types/DlcInfo.ts | 8 +- src/types/Game.ts | 20 +- src/types/index.ts | 2 +- src/types/svg.d.ts | 6 +- src/utils/helpers.ts | 60 ++-- src/utils/index.ts | 2 +- vite.config.ts | 6 +- 61 files changed, 714 insertions(+), 775 deletions(-) diff --git a/docs/icons.md b/docs/icons.md index 5cfd66d..7fdbadd 100644 --- a/docs/icons.md +++ b/docs/icons.md @@ -47,10 +47,10 @@ function StatusIndicator({ status }) { status === 'success' ? 'Check' : status === 'warning' - ? 'Warning' - : status === 'error' - ? 'Close' - : 'Info' + ? 'Warning' + : status === 'error' + ? 'Close' + : 'Info' return } diff --git a/src/App.tsx b/src/App.tsx index 21482e3..f833986 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -27,9 +27,9 @@ function App() { filteredGames, handleRefresh, isLoading, - error + error, } = useAppLogic({ autoLoad: true }) - + // Get action handlers from context const { dlcDialog, @@ -38,15 +38,12 @@ function App() { progressDialog, handleGameAction, handleDlcConfirm, - handleGameEdit + handleGameEdit, } = useAppContext() // Show loading screen during initial load if (isInitialLoad) { - return + return } return ( @@ -56,17 +53,17 @@ function App() { {/* Header with search */} -
{/* Sidebar for filtering */} - + {/* Show error or game list */} {error ? (
@@ -112,4 +109,4 @@ function App() { ) } -export default App \ No newline at end of file +export default App diff --git a/src/components/buttons/ActionButton.tsx b/src/components/buttons/ActionButton.tsx index 7e8a6d1..e85554e 100644 --- a/src/components/buttons/ActionButton.tsx +++ b/src/components/buttons/ActionButton.tsx @@ -39,14 +39,14 @@ const ActionButton: FC = ({ const getButtonVariant = (): ButtonVariant => { // For uninstall actions, use danger variant if (isInstalled) return 'danger' - // For install actions, use success variant + // For install actions, use success variant return 'success' } // Select appropriate icon based on action type and state const getIconInfo = () => { const isCream = action.includes('cream') - + if (isInstalled) { // Uninstall actions return { name: layers, variant: 'bold' } @@ -66,17 +66,13 @@ const ActionButton: FC = ({ disabled={disabled || isWorking} fullWidth className={`action-button ${className}`} - leftIcon={isWorking ? undefined : ( - - )} + leftIcon={ + isWorking ? undefined : + } > {getButtonText()} ) } -export default ActionButton \ No newline at end of file +export default ActionButton diff --git a/src/components/buttons/AnimatedCheckbox.tsx b/src/components/buttons/AnimatedCheckbox.tsx index 71f7552..177063e 100644 --- a/src/components/buttons/AnimatedCheckbox.tsx +++ b/src/components/buttons/AnimatedCheckbox.tsx @@ -1,11 +1,11 @@ import { Icon, check } from '@/components/icons' interface AnimatedCheckboxProps { - checked: boolean; - onChange: () => void; - label?: string; - sublabel?: string; - className?: string; + checked: boolean + onChange: () => void + label?: string + sublabel?: string + className?: string } /** @@ -20,24 +20,12 @@ const AnimatedCheckbox = ({ }: AnimatedCheckboxProps) => { return (
) - + default: return
} @@ -72,4 +70,4 @@ const LoadingIndicator = ({ ) } -export default LoadingIndicator \ No newline at end of file +export default LoadingIndicator diff --git a/src/components/common/index.ts b/src/components/common/index.ts index 114b0d4..dd9a0d6 100644 --- a/src/components/common/index.ts +++ b/src/components/common/index.ts @@ -1,3 +1,3 @@ -export { default as LoadingIndicator } from './LoadingIndicator'; +export { default as LoadingIndicator } from './LoadingIndicator' -export type { LoadingSize, LoadingType } from './LoadingIndicator'; \ No newline at end of file +export type { LoadingSize, LoadingType } from './LoadingIndicator' diff --git a/src/components/dialogs/Dialog.tsx b/src/components/dialogs/Dialog.tsx index dbecad3..e589fb2 100644 --- a/src/components/dialogs/Dialog.tsx +++ b/src/components/dialogs/Dialog.tsx @@ -1,13 +1,13 @@ import { ReactNode, useEffect, useState } from 'react' export interface DialogProps { - visible: boolean; - onClose?: () => void; - className?: string; - preventBackdropClose?: boolean; - children: ReactNode; - size?: 'small' | 'medium' | 'large'; - showAnimationOnUnmount?: boolean; + visible: boolean + onClose?: () => void + className?: string + preventBackdropClose?: boolean + children: ReactNode + size?: 'small' | 'medium' | 'large' + showAnimationOnUnmount?: boolean } /** @@ -66,17 +66,12 @@ const Dialog = ({ }[size] return ( -
-
+
+
{children}
) } -export default Dialog \ No newline at end of file +export default Dialog diff --git a/src/components/dialogs/DialogActions.tsx b/src/components/dialogs/DialogActions.tsx index bd190a4..ba524ae 100644 --- a/src/components/dialogs/DialogActions.tsx +++ b/src/components/dialogs/DialogActions.tsx @@ -1,31 +1,23 @@ import { ReactNode } from 'react' export interface DialogActionsProps { - children: ReactNode; - className?: string; - align?: 'start' | 'center' | 'end'; + children: ReactNode + className?: string + align?: 'start' | 'center' | 'end' } /** * Actions container for dialog footers * Provides consistent spacing and alignment for action buttons */ -const DialogActions = ({ - children, - className = '', - align = 'end' -}: DialogActionsProps) => { +const DialogActions = ({ children, className = '', align = 'end' }: DialogActionsProps) => { const alignClass = { start: 'justify-start', center: 'justify-center', - end: 'justify-end' - }[align]; + end: 'justify-end', + }[align] - return ( -
- {children} -
- ) + return
{children}
} -export default DialogActions \ No newline at end of file +export default DialogActions diff --git a/src/components/dialogs/DialogBody.tsx b/src/components/dialogs/DialogBody.tsx index 8c16f5e..9ab6433 100644 --- a/src/components/dialogs/DialogBody.tsx +++ b/src/components/dialogs/DialogBody.tsx @@ -1,8 +1,8 @@ import { ReactNode } from 'react' export interface DialogBodyProps { - children: ReactNode; - className?: string; + children: ReactNode + className?: string } /** @@ -10,11 +10,7 @@ export interface DialogBodyProps { * Contains the main content with scrolling capability */ const DialogBody = ({ children, className = '' }: DialogBodyProps) => { - return ( -
- {children} -
- ) + return
{children}
} -export default DialogBody \ No newline at end of file +export default DialogBody diff --git a/src/components/dialogs/DialogFooter.tsx b/src/components/dialogs/DialogFooter.tsx index 939cb39..3ae6408 100644 --- a/src/components/dialogs/DialogFooter.tsx +++ b/src/components/dialogs/DialogFooter.tsx @@ -1,8 +1,8 @@ import { ReactNode } from 'react' export interface DialogFooterProps { - children: ReactNode; - className?: string; + children: ReactNode + className?: string } /** @@ -10,11 +10,7 @@ export interface DialogFooterProps { * Contains action buttons and optional status information */ const DialogFooter = ({ children, className = '' }: DialogFooterProps) => { - return ( -
- {children} -
- ) + return
{children}
} -export default DialogFooter \ No newline at end of file +export default DialogFooter diff --git a/src/components/dialogs/DialogHeader.tsx b/src/components/dialogs/DialogHeader.tsx index 1418a92..194b7d4 100644 --- a/src/components/dialogs/DialogHeader.tsx +++ b/src/components/dialogs/DialogHeader.tsx @@ -1,9 +1,9 @@ import { ReactNode } from 'react' export interface DialogHeaderProps { - children: ReactNode; - className?: string; - onClose?: () => void; + children: ReactNode + className?: string + onClose?: () => void } /** @@ -15,11 +15,7 @@ const DialogHeader = ({ children, className = '', onClose }: DialogHeaderProps)
{children} {onClose && ( - )} @@ -27,4 +23,4 @@ const DialogHeader = ({ children, className = '', onClose }: DialogHeaderProps) ) } -export default DialogHeader \ No newline at end of file +export default DialogHeader diff --git a/src/components/dialogs/DlcSelectionDialog.tsx b/src/components/dialogs/DlcSelectionDialog.tsx index 12b349e..f9a9891 100644 --- a/src/components/dialogs/DlcSelectionDialog.tsx +++ b/src/components/dialogs/DlcSelectionDialog.tsx @@ -8,15 +8,15 @@ import { Button, AnimatedCheckbox } from '@/components/buttons' import { DlcInfo } from '@/types' export interface DlcSelectionDialogProps { - visible: boolean; - gameTitle: string; - dlcs: DlcInfo[]; - onClose: () => void; - onConfirm: (selectedDlcs: DlcInfo[]) => void; - isLoading: boolean; - isEditMode?: boolean; - loadingProgress?: number; - estimatedTimeLeft?: string; + visible: boolean + gameTitle: string + dlcs: DlcInfo[] + onClose: () => void + onConfirm: (selectedDlcs: DlcInfo[]) => void + isLoading: boolean + isEditMode?: boolean + loadingProgress?: number + estimatedTimeLeft?: string } /** @@ -56,18 +56,18 @@ const DlcSelectionDialog = ({ if (!initialized) { // Create a new array to ensure we don't share references setSelectedDlcs([...dlcs]) - + // Determine initial selectAll state based on if all DLCs are enabled const allSelected = dlcs.every((dlc) => dlc.enabled) setSelectAll(allSelected) - + // Mark as initialized to avoid resetting selections on subsequent updates setInitialized(true) } else { - // Find new DLCs that aren't in our current selection + // Find new DLCs that aren't in our current selection const currentAppIds = new Set(selectedDlcs.map((dlc) => dlc.appid)) const newDlcs = dlcs.filter((dlc) => !currentAppIds.has(dlc.appid)) - + // If we found new DLCs, add them to our selection if (newDlcs.length > 0) { setSelectedDlcs((prev) => [...prev, ...newDlcs]) @@ -118,9 +118,9 @@ const DlcSelectionDialog = ({ // Submit selected DLCs to parent component const handleConfirm = useCallback(() => { // Create a deep copy to prevent reference issues - const dlcsCopy = JSON.parse(JSON.stringify(selectedDlcs)); - onConfirm(dlcsCopy); - }, [onConfirm, selectedDlcs]); + const dlcsCopy = JSON.parse(JSON.stringify(selectedDlcs)) + onConfirm(dlcsCopy) + }, [onConfirm, selectedDlcs]) // Count selected DLCs const selectedCount = selectedDlcs.filter((dlc) => dlc.enabled).length @@ -128,7 +128,7 @@ const DlcSelectionDialog = ({ // Format dialog title and messages based on mode const dialogTitle = isEditMode ? 'Edit DLCs' : 'Select DLCs to Enable' const actionButtonText = isEditMode ? 'Save Changes' : 'Install with Selected DLCs' - + // Format loading message to show total number of DLCs found const getLoadingInfoText = () => { if (isLoading && loadingProgress < 100) { @@ -140,12 +140,7 @@ const DlcSelectionDialog = ({ } return ( - +

{dialogTitle}

@@ -224,11 +219,7 @@ const DlcSelectionDialog = ({ > Cancel - @@ -237,4 +228,4 @@ const DlcSelectionDialog = ({ ) } -export default DlcSelectionDialog \ No newline at end of file +export default DlcSelectionDialog diff --git a/src/components/dialogs/ProgressDialog.tsx b/src/components/dialogs/ProgressDialog.tsx index 9bd935f..532aaa2 100644 --- a/src/components/dialogs/ProgressDialog.tsx +++ b/src/components/dialogs/ProgressDialog.tsx @@ -7,20 +7,20 @@ import DialogActions from './DialogActions' import { Button } from '@/components/buttons' export interface InstallationInstructions { - type: string; - command: string; - game_title: string; - dlc_count?: number; + type: string + command: string + game_title: string + dlc_count?: number } export interface ProgressDialogProps { - visible: boolean; - title: string; - message: string; - progress: number; - showInstructions?: boolean; - instructions?: InstallationInstructions; - onClose?: () => void; + visible: boolean + title: string + message: string + progress: number + showInstructions?: boolean + instructions?: InstallationInstructions + onClose?: () => void } /** @@ -126,7 +126,7 @@ const ProgressDialog = ({

{title}

 - +

{message}

@@ -150,24 +150,17 @@ const ProgressDialog = ({
)} - + {showInstructions && showCopyButton && ( - )} {isCloseButtonEnabled && ( - )} @@ -177,4 +170,4 @@ const ProgressDialog = ({ ) } -export default ProgressDialog \ No newline at end of file +export default ProgressDialog diff --git a/src/components/dialogs/index.ts b/src/components/dialogs/index.ts index 83b890d..f5dadc8 100644 --- a/src/components/dialogs/index.ts +++ b/src/components/dialogs/index.ts @@ -1,17 +1,17 @@ -// Export all dialog components -export { default as Dialog } from './Dialog'; -export { default as DialogHeader } from './DialogHeader'; -export { default as DialogBody } from './DialogBody'; -export { default as DialogFooter } from './DialogFooter'; -export { default as DialogActions } from './DialogActions'; -export { default as ProgressDialog } from './ProgressDialog'; -export { default as DlcSelectionDialog } from './DlcSelectionDialog'; +// Export all dialog components +export { default as Dialog } from './Dialog' +export { default as DialogHeader } from './DialogHeader' +export { default as DialogBody } from './DialogBody' +export { default as DialogFooter } from './DialogFooter' +export { default as DialogActions } from './DialogActions' +export { default as ProgressDialog } from './ProgressDialog' +export { default as DlcSelectionDialog } from './DlcSelectionDialog' // Export types -export type { DialogProps } from './Dialog'; -export type { DialogHeaderProps } from './DialogHeader'; -export type { DialogBodyProps } from './DialogBody'; -export type { DialogFooterProps } from './DialogFooter'; -export type { DialogActionsProps } from './DialogActions'; -export type { ProgressDialogProps, InstallationInstructions } from './ProgressDialog'; -export type { DlcSelectionDialogProps } from './DlcSelectionDialog'; \ No newline at end of file +export type { DialogProps } from './Dialog' +export type { DialogHeaderProps } from './DialogHeader' +export type { DialogBodyProps } from './DialogBody' +export type { DialogFooterProps } from './DialogFooter' +export type { DialogActionsProps } from './DialogActions' +export type { ProgressDialogProps, InstallationInstructions } from './ProgressDialog' +export type { DlcSelectionDialogProps } from './DlcSelectionDialog' diff --git a/src/components/games/GameItem.tsx b/src/components/games/GameItem.tsx index c6a8651..5b75574 100644 --- a/src/components/games/GameItem.tsx +++ b/src/components/games/GameItem.tsx @@ -161,4 +161,4 @@ const GameItem = ({ game, onAction, onEdit }: GameItemProps) => { ) } -export default GameItem \ No newline at end of file +export default GameItem diff --git a/src/components/games/GameList.tsx b/src/components/games/GameList.tsx index 77f795f..db121da 100644 --- a/src/components/games/GameList.tsx +++ b/src/components/games/GameList.tsx @@ -1,5 +1,5 @@ import { useState, useEffect, useMemo } from 'react' -import {GameItem, ImagePreloader} from '@/components/games' +import { GameItem, ImagePreloader } from '@/components/games' import { ActionType } from '@/components/buttons' import { Game } from '@/types' import LoadingIndicator from '../common/LoadingIndicator' @@ -18,7 +18,7 @@ interface GameListProps { const GameList = ({ games, isLoading, onAction, onEdit }: GameListProps) => { const [imagesPreloaded, setImagesPreloaded] = useState(false) - // Sort games alphabetically by title + // Sort games alphabetically by title const sortedGames = useMemo(() => { return [...games].sort((a, b) => a.title.localeCompare(b.title)) }, [games]) @@ -35,11 +35,7 @@ const GameList = ({ games, isLoading, onAction, onEdit }: GameListProps) => { if (isLoading) { return (
- +
) } @@ -68,4 +64,4 @@ const GameList = ({ games, isLoading, onAction, onEdit }: GameListProps) => { ) } -export default GameList \ No newline at end of file +export default GameList diff --git a/src/components/games/ImagePreloader.tsx b/src/components/games/ImagePreloader.tsx index bfe6f9e..7e2c1d8 100644 --- a/src/components/games/ImagePreloader.tsx +++ b/src/components/games/ImagePreloader.tsx @@ -16,24 +16,24 @@ const ImagePreloader = ({ gameIds, onComplete }: ImagePreloaderProps) => { try { // Only preload the first batch for performance (10 images max) const batchToPreload = gameIds.slice(0, 10) - + // Track loading progress let loadedCount = 0 const totalImages = batchToPreload.length - + // Load images in parallel await Promise.allSettled( batchToPreload.map(async (id) => { await findBestGameImage(id) loadedCount++ - + // If all images are loaded, call onComplete if (loadedCount === totalImages && onComplete) { onComplete() } }) ) - + // Fallback if Promise.allSettled doesn't trigger onComplete if (onComplete) { onComplete() @@ -58,4 +58,4 @@ const ImagePreloader = ({ gameIds, onComplete }: ImagePreloaderProps) => { return null } -export default ImagePreloader \ No newline at end of file +export default ImagePreloader diff --git a/src/components/games/index.ts b/src/components/games/index.ts index b4156d6..056adf0 100644 --- a/src/components/games/index.ts +++ b/src/components/games/index.ts @@ -1,4 +1,4 @@ // Export all game components -export { default as GameList } from './GameList'; -export { default as GameItem } from './GameItem'; -export { default as ImagePreloader } from './ImagePreloader'; \ No newline at end of file +export { default as GameList } from './GameList' +export { default as GameItem } from './GameItem' +export { default as ImagePreloader } from './ImagePreloader' diff --git a/src/components/icons/Icon.tsx b/src/components/icons/Icon.tsx index 2b3cfb4..d2ebaca 100644 --- a/src/components/icons/Icon.tsx +++ b/src/components/icons/Icon.tsx @@ -45,7 +45,7 @@ const getSizeValue = (size: IconSize): string => { sm: '16px', md: '24px', lg: '32px', - xl: '48px' + xl: '48px', } return sizeMap[size] || sizeMap.md @@ -54,11 +54,15 @@ const getSizeValue = (size: IconSize): string => { /** * Gets the icon component based on name and variant */ -const getIconComponent = (name: string, variant: IconVariant | string): React.ComponentType> | null => { +const getIconComponent = ( + name: string, + variant: IconVariant | string +): React.ComponentType> | null => { // Normalize variant to ensure it's a valid IconVariant - const normalizedVariant = (variant === 'bold' || variant === 'outline' || variant === 'brand') - ? variant as IconVariant - : undefined; + const normalizedVariant = + variant === 'bold' || variant === 'outline' || variant === 'brand' + ? (variant as IconVariant) + : undefined // Try to get the icon from the specified variant switch (normalizedVariant) { @@ -97,7 +101,7 @@ const Icon: React.FC = ({ }) => { // Determine default variant based on icon type if no variant provided let defaultVariant: IconVariant | string = variant - + if (defaultVariant === undefined) { if (BRAND_ICON_NAMES.has(name)) { defaultVariant = 'brand' @@ -105,17 +109,17 @@ const Icon: React.FC = ({ defaultVariant = 'bold' // Default to bold for non-brand icons } } - + // Get the icon component based on name and variant let finalIconComponent = getIconComponent(name, defaultVariant) let finalVariant = defaultVariant - + // Try fallbacks if the icon doesn't exist in the requested variant if (!finalIconComponent && defaultVariant !== 'outline') { finalIconComponent = getIconComponent(name, 'outline') finalVariant = 'outline' } - + if (!finalIconComponent && defaultVariant !== 'bold') { finalIconComponent = getIconComponent(name, 'bold') finalVariant = 'bold' @@ -125,7 +129,7 @@ const Icon: React.FC = ({ finalIconComponent = getIconComponent(name, 'brand') finalVariant = 'brand' } - + // If still no icon found, return null if (!finalIconComponent) { console.warn(`Icon not found: ${name} (${defaultVariant})`) @@ -134,7 +138,7 @@ const Icon: React.FC = ({ const sizeValue = getSizeValue(size) const combinedClassName = `icon icon-${size} icon-${finalVariant} ${className}`.trim() - + const IconComponentToRender = finalIconComponent return ( @@ -142,7 +146,7 @@ const Icon: React.FC = ({ className={combinedClassName} width={sizeValue} height={sizeValue} - fill={fillColor || 'currentColor'} + fill={fillColor || 'currentColor'} stroke={strokeColor || 'currentColor'} role="img" aria-hidden={!title} @@ -152,4 +156,4 @@ const Icon: React.FC = ({ ) } -export default Icon \ No newline at end of file +export default Icon diff --git a/src/components/icons/IconFactory.ts b/src/components/icons/IconFactory.ts index 7a35748..1d400cb 100644 --- a/src/components/icons/IconFactory.ts +++ b/src/components/icons/IconFactory.ts @@ -21,4 +21,4 @@ // IconComponent.displayName = `${name}Icon` // return IconComponent //} -// \ No newline at end of file +// diff --git a/src/components/icons/brands/index.ts b/src/components/icons/brands/index.ts index d93d8dc..4780142 100644 --- a/src/components/icons/brands/index.ts +++ b/src/components/icons/brands/index.ts @@ -4,4 +4,4 @@ export { ReactComponent as Steam } from './steam.svg' export { ReactComponent as Windows } from './windows.svg' export { ReactComponent as Github } from './github.svg' export { ReactComponent as Discord } from './discord.svg' -export { ReactComponent as Proton } from './proton.svg' \ No newline at end of file +export { ReactComponent as Proton } from './proton.svg' diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts index 37e0275..a71e09c 100644 --- a/src/components/icons/index.ts +++ b/src/components/icons/index.ts @@ -57,7 +57,7 @@ export const IconNames = { Warning: warning, Wine: wine, Diamond: diamond, - + // Brand icons Discord: discord, GitHub: github, @@ -97,4 +97,4 @@ export const IconNames = { //export const CheckBoldIcon = createIconComponent(check, 'bold') //export const InfoBoldIcon = createIconComponent(info, 'bold') //export const WarningBoldIcon = createIconComponent(warning, 'bold') -//export const ErrorBoldIcon = createIconComponent(error, 'bold') \ No newline at end of file +//export const ErrorBoldIcon = createIconComponent(error, 'bold') diff --git a/src/components/icons/ui/bold/index.ts b/src/components/icons/ui/bold/index.ts index 5af9a10..976a0f1 100644 --- a/src/components/icons/ui/bold/index.ts +++ b/src/components/icons/ui/bold/index.ts @@ -15,4 +15,4 @@ export { ReactComponent as Search } from './search.svg' export { ReactComponent as Trash } from './trash.svg' export { ReactComponent as Warning } from './warning.svg' export { ReactComponent as Wine } from './wine.svg' -export { ReactComponent as Diamond } from './diamond.svg' \ No newline at end of file +export { ReactComponent as Diamond } from './diamond.svg' diff --git a/src/components/icons/ui/outline/index.ts b/src/components/icons/ui/outline/index.ts index fee3596..7dd2f2a 100644 --- a/src/components/icons/ui/outline/index.ts +++ b/src/components/icons/ui/outline/index.ts @@ -15,4 +15,4 @@ export { ReactComponent as Search } from './search.svg' export { ReactComponent as Trash } from './trash.svg' export { ReactComponent as Warning } from './warning.svg' export { ReactComponent as Wine } from './wine.svg' -export { ReactComponent as Diamond } from './diamond.svg' \ No newline at end of file +export { ReactComponent as Diamond } from './diamond.svg' diff --git a/src/components/layout/AnimatedBackground.tsx b/src/components/layout/AnimatedBackground.tsx index b61c322..336025b 100644 --- a/src/components/layout/AnimatedBackground.tsx +++ b/src/components/layout/AnimatedBackground.tsx @@ -109,13 +109,7 @@ const AnimatedBackground = () => { } }, []) - return ( -