feat: send message to losers

ledouxm · Feb 1, 2022 · 0a3642d · 0a3642d · Nyuwb · Feb 3, 2022
1 parent f307ee9
commit 0a3642d
Show file tree

Hide file tree

Showing 8 changed files with 84 additions and 7 deletions.
diff --git a/electron/LCU/lcu.ts b/electron/LCU/lcu.ts
@@ -81,6 +81,13 @@ export const checkFriendList = async () => {
     return stats;
 };
 
+export const postMessage = (payload: { summonerName: string; message: string }) => {
+    const url = `/lol-game-client-chat/v1/instant-messages?summonerName=${encodeURI(
+        payload.summonerName
+    )}&message=${encodeURI(payload.message)}`;
+    return connectorStatus.api.post(url);
+};
+
 export const getAllApexLeague = async () => {
     const tiers: Tier[] = ["MASTER", "GRANDMASTER", "CHALLENGER"];
     const payload: Partial<Record<Tier, number>> = {};

diff --git a/electron/config.ts b/electron/config.ts
@@ -6,6 +6,8 @@ export const config: { current: Record<string, any> | null } = { current: null }
 const initialConfig = {
     windowsNotifications: true,
     dirname: __dirname,
+    defaultLossMessage:
+        "\u{1F602}\u{1F602}\u{1F602}\u{1F602}\u{1F602}\u{1F602}\u{1F602}\u{1F602}\u{1F602}\u{1F602}\u{1F602}\u{1F602}\u{1F602}",
 };
 const configFilePath = path.join(__dirname, "config.json");
 export const loadConfig = async () => {

diff --git a/electron/index.ts b/electron/index.ts
@@ -15,6 +15,7 @@ import {
     sendFriendList,
     sendFriendListWithRankings,
     sendFriendRank,
+    sendInstantMessage,
     sendMatches,
     sendNbNewNotifications,
     sendSelectAllFriends,
@@ -83,6 +84,8 @@ ipcMain.on("friendList/select", receiveToggleSelectFriends);
 ipcMain.on("friendList/select-all", sendSelectAllFriends);
 ipcMain.on("friendList/selected", () => sendSelected());
 ipcMain.on("friendList/in-game", () => sendToClient("friendList/in-game", inGameFriends.current));
+ipcMain.on("friendList/message", sendInstantMessage);
+
 ipcMain.on("notifications/all", sendCursoredNotifications);
 ipcMain.on("notifications/nb-new", sendNbNewNotifications);
 ipcMain.on("friend/matches", sendMatches);

diff --git a/electron/routes/index.ts b/electron/routes/index.ts
@@ -1,5 +1,6 @@
+import { config } from "../config";
 import { Friend } from "../entities/Friend";
-import { getAllApexLeague, getMatchHistoryBySummonerPuuid } from "../LCU/lcu";
+import { getAllApexLeague, getMatchHistoryBySummonerPuuid, postMessage } from "../LCU/lcu";
 import { sendToClient } from "../utils";
 import {
     getFriendAndRankingsFromDb,
@@ -82,3 +83,9 @@ export const sendApex = async () => {
     const payload = await getAllApexLeague();
     sendToClient("config/apex", payload);
 };
+
+export const sendInstantMessage = async (_: any, { summonerName }: { summonerName: string }) => {
+    if (!config.current) return;
+    await postMessage({ summonerName, message: config.current.defaultLossMessage });
+    sendToClient("friendList/message", "ok");
+};
diff --git a/package.json b/package.json
@@ -50,6 +50,7 @@
         "lcu-connector": "^2.1.3",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
+        "react-hook-form": "^7.25.3",
         "react-icons": "^4.3.1",
         "react-query": "^3.34.8",
         "react-router-dom": "6",

diff --git a/src/features/Notifications/NotificationItem.tsx b/src/features/Notifications/NotificationItem.tsx
@@ -1,4 +1,5 @@
-import { Box, BoxProps, Flex } from "@chakra-ui/react";
+import { ChatIcon } from "@chakra-ui/icons";
+import { Box, BoxProps, chakra, Flex, IconButton, Tooltip } from "@chakra-ui/react";
 import { useNavigate } from "react-router-dom";
 import { FriendDto, NotificationDto } from "../../types";
 import { ProfileIcon } from "../DataDragon/Profileicon";
@@ -39,9 +40,27 @@ export const NotificationItem = ({
                         )}
                         {friend?.name || notification.friend.name}
                     </Flex>
-                    <Box ml="10px" color={isRed ? "red-loss" : "blue-win"}>
-                        {formatNotification(notification)}
-                    </Box>
+                    <Flex ml="10px" alignItems="center">
+                        <chakra.span color={isRed ? "red-loss" : "blue-win"}>
+                            {formatNotificationContent(notification)}
+                        </chakra.span>
+                        {["DEMOTION", "LOSS"].includes(notification.type) && (
+                            <Tooltip label="Send recorded message to this friend">
+                                <IconButton
+                                    aria-label="Send message"
+                                    icon={<ChatIcon />}
+                                    onClick={() =>
+                                        window.Main.sendMessage("friendList/message", {
+                                            summonerName: notification.friend.name,
+                                        })
+                                    }
+                                    h="auto"
+                                    py="6px"
+                                    ml="10px"
+                                />
+                            </Tooltip>
+                        )}
+                    </Flex>
                 </Flex>
                 <Box fontSize="small" color="gray.400">
                     {formatTooltipLabel(notification)}
@@ -55,7 +74,7 @@ export const NotificationItem = ({
     );
 };
 
-const formatNotification = (notification: NotificationDto) => {
+const formatNotificationContent = (notification: NotificationDto) => {
     if (notification.from.slice(0, 4) === "NONE") {
         return (
             <Flex alignItems="center">

diff --git a/src/features/Options/OptionsPage.tsx b/src/features/Options/OptionsPage.tsx
@@ -1,9 +1,21 @@
-import { Box, Button, Center, Checkbox, Icon, Input, Spinner, Stack } from "@chakra-ui/react";
+import {
+    Box,
+    Button,
+    Center,
+    CenterProps,
+    Checkbox,
+    FormLabel,
+    Icon,
+    Input,
+    Spinner,
+    Stack,
+} from "@chakra-ui/react";
 // import { shell } from "electron";
 import { useMutation, useQuery } from "react-query";
 import { electronRequest } from "../../utils";
 import { AiFillGithub, AiFillTwitterCircle } from "react-icons/ai";
 import { CopyIcon } from "@chakra-ui/icons";
+import { useForm } from "react-hook-form";
 export const OptionsPage = () => {
     const dlDbMutation = useMutation(() => electronRequest("config/dl-db"));
     const openExternalBrowserMutation = useMutation((url: string) =>
@@ -74,6 +86,7 @@ export const ConfigPanel = () => {
 
     return (
         <>
+            <ConfigForm config={config} mb="50px" />
             <Checkbox
                 isChecked={config.windowsNotifications}
                 onChange={(e) => editConfigQuery.mutate({ windowsNotifications: e.target.checked })}
@@ -89,3 +102,23 @@ export const ConfigPanel = () => {
         </>
     );
 };
+
+export const ConfigForm = ({ config, ...props }: { config: Record<string, any> } & CenterProps) => {
+    const { handleSubmit, register } = useForm({
+        defaultValues: { defaultLossMessage: config.defaultLossMessage },
+    });
+
+    const onSubmit = (data: any) => console.log(data);
+
+    return (
+        <form onSubmit={handleSubmit(onSubmit)}>
+            <Center flexDir="column" {...props}>
+                <FormLabel>Default loss message</FormLabel>
+                <Input type="text" {...register("defaultLossMessage")} />
+                <Button mt="10px" type="submit">
+                    Save
+                </Button>
+            </Center>
+        </form>
+    );
+};
diff --git a/yarn.lock b/yarn.lock
@@ -5082,6 +5082,11 @@ [email protected]:
     use-callback-ref "^1.2.1"
     use-sidecar "^1.0.1"
 
+react-hook-form@^7.25.3:
+  version "7.25.3"
+  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.25.3.tgz#1475fd52398e905e1f6d88835f96aaa1144635c3"
+  integrity sha512-jL4SByMaC8U3Vhu9s7CwgJBP4M6I3Kpwxib9LrCwWSRPnXDrNQL4uihSTqLLoDICqSUhwwvian9uVYfv+ITtGg==
+
 react-icons@*, react-icons@^4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.3.1.tgz#2fa92aebbbc71f43d2db2ed1aed07361124e91ca"