From f2af65d4cdb2de8f2170ba328264c95694462842 Mon Sep 17 00:00:00 2001
From: ChristoferMendes
Date: Sun, 12 May 2024 21:40:30 -0300
Subject: [PATCH] style: Update formatting in various files
---
.../catalogue/repacks/get-magnet-health.ts | 17 ++++---
src/main/events/index.ts | 2 +-
src/preload/index.d.ts | 3 +-
src/preload/index.ts | 3 +-
.../src/components/tooltip/tooltip.css.ts | 48 +++++++++----------
.../src/components/tooltip/tooltip.tsx | 22 +++++----
src/renderer/src/declaration.d.ts | 4 +-
src/renderer/src/helpers/searcher.ts | 23 +++++----
.../pages/game-details/repacks-modal.css.ts | 1 -
.../src/pages/game-details/repacks-modal.tsx | 12 ++---
.../seeders-and-peers/seeders-and-peers.tsx | 2 +-
.../seeders-and-peers/useMagnetHealth.tsx | 1 -
12 files changed, 76 insertions(+), 62 deletions(-)
diff --git a/src/main/events/catalogue/repacks/get-magnet-health.ts b/src/main/events/catalogue/repacks/get-magnet-health.ts
index 20679869..86b1466c 100644
--- a/src/main/events/catalogue/repacks/get-magnet-health.ts
+++ b/src/main/events/catalogue/repacks/get-magnet-health.ts
@@ -1,10 +1,13 @@
-import { webTorrentData } from "@main/services/web-torrent-data"
-import { registerEvent } from "../../register-event"
+import { webTorrentData } from "@main/services/web-torrent-data";
+import { registerEvent } from "../../register-event";
-const getMagnetHealth = async (_event: Electron.IpcMainInvokeEvent, magnet: string) => {
- return webTorrentData.getSeedersAndPeers(magnet)
-}
+const getMagnetHealth = async (
+ _event: Electron.IpcMainInvokeEvent,
+ magnet: string
+) => {
+ return webTorrentData.getSeedersAndPeers(magnet);
+};
registerEvent(getMagnetHealth, {
- name: 'getMagnetHealth'
-})
+ name: "getMagnetHealth",
+});
diff --git a/src/main/events/index.ts b/src/main/events/index.ts
index c36195c9..4e49dd1b 100644
--- a/src/main/events/index.ts
+++ b/src/main/events/index.ts
@@ -7,7 +7,7 @@ import "./catalogue/get-games";
import "./catalogue/get-how-long-to-beat";
import "./catalogue/get-random-game";
import "./catalogue/search-games";
-import "./catalogue/repacks/get-magnet-health"
+import "./catalogue/repacks/get-magnet-health";
import "./hardware/get-disk-free-space";
import "./library/add-game-to-library";
import "./library/close-game";
diff --git a/src/preload/index.d.ts b/src/preload/index.d.ts
index 2ed7ef39..487ac3d1 100644
--- a/src/preload/index.d.ts
+++ b/src/preload/index.d.ts
@@ -102,5 +102,6 @@ contextBridge.exposeInMainWorld("electron", {
showOpenDialog: (options: Electron.OpenDialogOptions) =>
ipcRenderer.invoke("showOpenDialog", options),
platform: process.platform,
- getMagnetHealth: (magnet: string) => ipcRenderer.invoke("getMagnetHealth", magnet),
+ getMagnetHealth: (magnet: string) =>
+ ipcRenderer.invoke("getMagnetHealth", magnet),
});
diff --git a/src/preload/index.ts b/src/preload/index.ts
index 778c2065..2ba23e61 100644
--- a/src/preload/index.ts
+++ b/src/preload/index.ts
@@ -112,5 +112,6 @@ contextBridge.exposeInMainWorld("electron", {
showOpenDialog: (options: Electron.OpenDialogOptions) =>
ipcRenderer.invoke("showOpenDialog", options),
platform: process.platform,
- getMagnetHealth: (magnet: string) => ipcRenderer.invoke("getMagnetHealth", magnet),
+ getMagnetHealth: (magnet: string) =>
+ ipcRenderer.invoke("getMagnetHealth", magnet),
});
diff --git a/src/renderer/src/components/tooltip/tooltip.css.ts b/src/renderer/src/components/tooltip/tooltip.css.ts
index 6615e51d..e478380b 100644
--- a/src/renderer/src/components/tooltip/tooltip.css.ts
+++ b/src/renderer/src/components/tooltip/tooltip.css.ts
@@ -1,36 +1,36 @@
import { style } from "@vanilla-extract/css";
export const tooltipStyle = style({
- position: 'relative',
- display: 'flex',
- cursor: 'pointer',
- alignItems: 'center'
+ position: "relative",
+ display: "flex",
+ cursor: "pointer",
+ alignItems: "center",
});
export const tooltipTextStyle = style({
- visibility: 'hidden',
- backgroundColor: '#555',
- color: '#fff',
- textAlign: 'center',
- borderRadius: '6px',
- padding: '5px 5px',
- position: 'absolute',
- zIndex: '1',
- bottom: '125%',
- left: 'max(0%, min(100%, 50%))',
- transform: 'translateX(-50%)',
- ':after': {
+ visibility: "hidden",
+ backgroundColor: "#555",
+ color: "#fff",
+ textAlign: "center",
+ borderRadius: "6px",
+ padding: "5px 5px",
+ position: "absolute",
+ zIndex: "1",
+ bottom: "125%",
+ left: "max(0%, min(100%, 50%))",
+ transform: "translateX(-50%)",
+ ":after": {
content: '""',
- position: 'absolute',
- top: '100%',
- left: '50%',
- marginLeft: '-5px',
- borderWidth: '5px',
- borderStyle: 'solid',
- borderColor: '#555 transparent transparent transparent',
+ position: "absolute",
+ top: "100%",
+ left: "50%",
+ marginLeft: "-5px",
+ borderWidth: "5px",
+ borderStyle: "solid",
+ borderColor: "#555 transparent transparent transparent",
},
});
export const tooltipVisible = style({
- visibility: 'visible',
+ visibility: "visible",
});
diff --git a/src/renderer/src/components/tooltip/tooltip.tsx b/src/renderer/src/components/tooltip/tooltip.tsx
index 75b0061e..50d74f4c 100644
--- a/src/renderer/src/components/tooltip/tooltip.tsx
+++ b/src/renderer/src/components/tooltip/tooltip.tsx
@@ -1,5 +1,5 @@
-import { useState } from 'react';
-import * as styles from './tooltip.css'
+import { useState } from "react";
+import * as styles from "./tooltip.css";
interface TooltipProps {
children: React.ReactNode;
@@ -11,12 +11,16 @@ export function Tooltip({ children, tooltipText }: Readonly) {
return (
setIsVisible(true)}
- onMouseLeave={() => setIsVisible(false)}
- >
- {children}
- {tooltipText}
-
+ className={styles.tooltipStyle}
+ onMouseEnter={() => setIsVisible(true)}
+ onMouseLeave={() => setIsVisible(false)}
+ >
+ {children}
+
+ {tooltipText}
+
+
);
}
diff --git a/src/renderer/src/declaration.d.ts b/src/renderer/src/declaration.d.ts
index d18a23b7..cd2c10db 100644
--- a/src/renderer/src/declaration.d.ts
+++ b/src/renderer/src/declaration.d.ts
@@ -88,7 +88,9 @@ declare global {
options: Electron.OpenDialogOptions
) => Promise;
platform: NodeJS.Platform;
- getMagnetHealth: (magnet: string) => Promise<{ seeders: number; peers: number }>;
+ getMagnetHealth: (
+ magnet: string
+ ) => Promise<{ seeders: number; peers: number }>;
}
interface Window {
diff --git a/src/renderer/src/helpers/searcher.ts b/src/renderer/src/helpers/searcher.ts
index d4a81a95..52d0cd52 100644
--- a/src/renderer/src/helpers/searcher.ts
+++ b/src/renderer/src/helpers/searcher.ts
@@ -1,14 +1,18 @@
export const isMultiplayerRepack = (title: string) => {
const toLower = title.toLowerCase();
- return toLower.includes("multiplayer") || toLower.includes("onlinefix") || toLower.includes("online fix")
-}
+ return (
+ toLower.includes("multiplayer") ||
+ toLower.includes("onlinefix") ||
+ toLower.includes("online fix")
+ );
+};
export const supportMultiLanguage = (title: string) => {
const multiFollowedByDigitsRegex = /multi\d+/;
return multiFollowedByDigitsRegex.test(title.toLowerCase());
-}
+};
// const languageCode = 'en';
// const displayNames = new Intl.DisplayNames([languageCode], { type: 'language' });
@@ -16,15 +20,16 @@ export const supportMultiLanguage = (title: string) => {
// console.log(englishLanguage); // Output: "English"
-
export const getRepackLanguageBasedOnRepacker = (repacker: string) => {
const languageCodes = {
- xatab: 'ru',
- }
+ xatab: "ru",
+ };
- const languageCode = languageCodes[repacker.toLowerCase()] || 'en';
+ const languageCode = languageCodes[repacker.toLowerCase()] || "en";
- const displayNames = new Intl.DisplayNames([languageCode], { type: 'language' });
+ const displayNames = new Intl.DisplayNames([languageCode], {
+ type: "language",
+ });
return displayNames.of(languageCode);
-}
+};
diff --git a/src/renderer/src/pages/game-details/repacks-modal.css.ts b/src/renderer/src/pages/game-details/repacks-modal.css.ts
index 827fc237..472ba934 100644
--- a/src/renderer/src/pages/game-details/repacks-modal.css.ts
+++ b/src/renderer/src/pages/game-details/repacks-modal.css.ts
@@ -22,4 +22,3 @@ export const tagsContainer = style({
gap: `${SPACING_UNIT}px`,
flexWrap: "wrap",
});
-
diff --git a/src/renderer/src/pages/game-details/repacks-modal.tsx b/src/renderer/src/pages/game-details/repacks-modal.tsx
index 352d5900..55ea440b 100644
--- a/src/renderer/src/pages/game-details/repacks-modal.tsx
+++ b/src/renderer/src/pages/game-details/repacks-modal.tsx
@@ -16,7 +16,7 @@ import {
supportMultiLanguage,
} from "@renderer/helpers/searcher";
import { Tag } from "@renderer/components/tag/tag";
-import {getRepackLanguageBasedOnRepacker} from '../../helpers/searcher';
+import { getRepackLanguageBasedOnRepacker } from "../../helpers/searcher";
export interface RepacksModalProps {
visible: boolean;
@@ -112,15 +112,15 @@ export function RepacksModal({
{" - " + getRepackLanguageBasedOnRepacker(repack.repacker)}
-
+
{supportMultiLanguage(repack.title) && (
- {t('multi_language')}
+ {t("multi_language")}
+ )}
+ {isMultiplayerRepack(repack.title) && (
+ {t("multiplayer")}
)}
- {isMultiplayerRepack(repack.title) && {t('multiplayer')}}
))}
diff --git a/src/renderer/src/pages/game-details/seeders-and-peers/seeders-and-peers.tsx b/src/renderer/src/pages/game-details/seeders-and-peers/seeders-and-peers.tsx
index e8cc31f2..ba33abfe 100644
--- a/src/renderer/src/pages/game-details/seeders-and-peers/seeders-and-peers.tsx
+++ b/src/renderer/src/pages/game-details/seeders-and-peers/seeders-and-peers.tsx
@@ -34,7 +34,7 @@ export function SeedersAndPeers({ repack }: Readonly) {
{magnetData?.seeders}
diff --git a/src/renderer/src/pages/game-details/seeders-and-peers/useMagnetHealth.tsx b/src/renderer/src/pages/game-details/seeders-and-peers/useMagnetHealth.tsx
index cb87b9d8..6ea55a27 100644
--- a/src/renderer/src/pages/game-details/seeders-and-peers/useMagnetHealth.tsx
+++ b/src/renderer/src/pages/game-details/seeders-and-peers/useMagnetHealth.tsx
@@ -44,7 +44,6 @@ export function useMagnetHealth(magnet: string) {
);
}, [magnet]);
-
useEffect(() => {
function invalidateCache() {
const TWO_MINUTES = 2 * 60 * 1000;