initial modification

src/App.jsx

@@ -40,7 +40,7 @@ function App() {
     setInfoOpen(false);
   };
 
-  const [character, setCharacter] = useState(49);
+  const [character, setCharacter] = useState(5);
   const [text, setText] = useState(characters[character].defaultText.text);
   const [position, setPosition] = useState({
     x: characters[character].defaultText.x,
@@ -168,7 +168,6 @@ function App() {
     <div className="App">
       <Info open={infoOpen} handleClose={handleClose} />
       <div className="counter">
-        Total Stickers you made: {config?.total || "Not available"}
       </div>
       <div className="container">
         <div className="vertical">

src/components/Info.jsx

@@ -22,9 +22,47 @@ export default function Info({ open, handleClose }) {
       >
         <DialogTitle id="alert-dialog-title">Info</DialogTitle>
         <DialogContent>
-          <DialogContentText id="alert-dialog-description">
+          <DialogContentText id="alert-dialog-description"><Typography variant="h6" component="h3">
+              Modded tool credits:
+            </Typography>
+            <List>
+            <ListItem
+                button
+                onClick={() =>
+                  (window.location.href = "https://github.com/Juniteevee")
+                }
+              >
+                <ListItemAvatar>
+                  <Avatar
+                    alt="Juni"
+                    src="https://avatars.githubusercontent.com/Juniteevee"
+                  />
+                </ListItemAvatar>
+                <ListItemText
+                  primary="Juni"
+                  secondary="for modifying code"
+                />
+              </ListItem>
+            <ListItem
+                button
+                onClick={() =>
+                  (window.location.href = "https://beacons.ai/turrkoise")
+                }
+              >
+                <ListItemAvatar>
+                  <Avatar
+                    alt="Turrkoise"
+                    src="https://cdn.beacons.ai/user_content/iQptaU7TlsNjPdI2mQDd4PEJwWX2/profile_turrkoise.png"
+                  />
+                </ListItemAvatar>
+                <ListItemText
+                  primary="Turrkoise"
+                  secondary="for most of my emotes (the professional ones)"
+                />
+              </ListItem>
+            </List>
             <Typography variant="h6" component="h3">
-              This tool made possible by:
+              Original tool credits:
             </Typography>
             <List>
               <ListItem
@@ -102,6 +140,21 @@ export default function Info({ open, handleClose }) {
               You can find the source code or contribute here:
             </Typography>
             <List>
+              <ListItem
+                button
+                onClick={() =>
+                  (window.location.href =
+                    "https://github.com/Juniteevee/sekai-stickers-juni")
+                }
+              >
+                <ListItemAvatar>
+                  <Avatar
+                    alt="GitHub"
+                    src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"
+                  />
+                </ListItemAvatar>
+                <ListItemText primary="GitHub " secondary="Modded Source Code" />
+              </ListItem>
               <ListItem
                 button
                 onClick={() =>
@@ -115,7 +168,7 @@ export default function Info({ open, handleClose }) {
                     src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"
                   />
                 </ListItemAvatar>
-                <ListItemText primary="GitHub" secondary="Source Code" />
+                <ListItemText primary="GitHub" secondary="Original Source Code" />
               </ListItem>
             </List>
           </DialogContentText>

src/config.json

@@ -1,3 +1,3 @@
 {
-    "apiUrl": "https://st-api.ayaka.one"
+    "apiUrl": "http://localhost:3000"
 }

src/utils/config.js

@@ -1,18 +1,5 @@
-import axios from "axios";
-import config from "../config.json";
-
 async function getConfiguration() {
-  const key = localStorage.getItem("x-key");
-  const responce = await axios.get(`${config.apiUrl}/config`, {
-    headers: {
-      "x-key": key,
-    },
-  });
-  if (responce.data.key) {
-    localStorage.setItem("x-key", responce.data.key);
-  }
-  console.log(responce.data);
-  return responce.data;
+  return null;
 }
 
 export default getConfiguration;

src/utils/log.js

@@ -1,30 +1,5 @@
-import axios from "axios";
-import config from "../config";
-
 async function log(id, name, type) {
-  const key = localStorage.getItem("x-key");
-  try {
-    const responce = await axios.post(
-      `${config.apiUrl}/log`,
-      {
-        id: id,
-        name: name,
-        type: type,
-      },
-      {
-        headers: {
-          "x-key": key,
-        },
-      }
-    );
-    if (responce.data.key) {
-      localStorage.setItem("x-key", responce.data.key);
-    }
-    console.log(responce.data);
-    return responce.data;
-  } catch (error) {
-    console.log(error);
-  }
+    return null;
 }
 
 export default log;