Fascinated/beatsaber-overlay
Fascinated/beatsaber-overlay
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Wiki Activity

add deprecation notice
All checks were successful
Publish / docker (push) Successful in 1m59s
Details

Browse Source
This commit is contained in:
Lee 2023-11-05 23:17:44 +00:00
parent 403c34befd
commit 6b5b8bb54f
1 changed files with 74 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

133
src/pages/overlay.js
View File

@ -12,71 +12,86 @@ import { usePlayerDataStore } from "../store/playerDataStore";
import styles from "../styles/overlay.module.css";
export default function Overlay(props) {
const query = JSON.parse(props.query);
const [setOverlaySettings, mounted, setMounted] = useSettingsStore(
(state) => [state.setOverlaySettings, state.mounted, state.setMounted]
);
const updatePlayerData = usePlayerDataStore(
(state) => state.updatePlayerData
);
const query = JSON.parse(props.query);
const [setOverlaySettings, mounted, setMounted] = useSettingsStore(
(state) => [state.setOverlaySettings, state.mounted, state.setMounted]
);
const updatePlayerData = usePlayerDataStore(
(state) => state.updatePlayerData
);
useEffect(() => {
if (!mounted && props.isValidSteamId) {
setMounted(true);
useEffect(() => {
if (!mounted && props.isValidSteamId) {
setMounted(true);
async function setup() {
await setOverlaySettings(query);
const showSongInfo = useSettingsStore.getState().showSongInfo;
const showScoreInfo = useSettingsStore.getState().showScoreInfo;
if (showSongInfo || (showScoreInfo && typeof window !== "undefined")) {
await connectClient();
}
const showPlayerStats = useSettingsStore.getState().showPlayerStats;
if (showPlayerStats) {
await updatePlayerData();
}
}
setup();
}
}, [
query,
props.isValidSteamId,
setOverlaySettings,
mounted,
setMounted,
updatePlayerData,
]);
async function setup() {
await setOverlaySettings(query);
const showSongInfo = useSettingsStore.getState().showSongInfo;
const showScoreInfo = useSettingsStore.getState().showScoreInfo;
if (showSongInfo || (showScoreInfo && typeof window !== "undefined")) {
await connectClient();
}
const showPlayerStats = useSettingsStore.getState().showPlayerStats;
if (showPlayerStats) {
await updatePlayerData();
}
}
setup();
}
}, [
query,
props.isValidSteamId,
setOverlaySettings,
mounted,
setMounted,
updatePlayerData,
]);
if (!props.isValidSteamId) {
return (
<div className={styles.invalidPlayer}>
<h1>Invalid Steam ID</h1>
<h3>Please check the id field in the url</h3>
</div>
);
}
if (!props.isValidSteamId) {
return (
<div className={styles.invalidPlayer}>
<h1>Invalid Steam ID</h1>
<h3>Please check the id field in the url</h3>
</div>
);
}
return (
<div className={styles.main}>
<NextSeo title="Overlay" />
<PlayerStats />
<SongInfo />
<ScoreStats />
<CutStats />
</div>
);
return (
<div className={styles.main}>
<NextSeo title="Overlay" />
<PlayerStats />
<SongInfo />
<ScoreStats />
<CutStats />
<p
style={{
fontSize: 50,
position: "absolute",
top: 0,
right: 0,
paddingRight: "10px",
}}
>
This overlay is deprecated use:{" "}
<a href="https://ssr.fascinated.cc/overlay/builder">
https://ssr.fascinated.cc/overlay/builder
</a>
</p>
</div>
);
}
export async function getServerSideProps(context) {
const steamId = context.query.id;
const steamIdResponse = await axios.get(
`${process.env.REACT_APP_SITE_URL}/api/validateid?steamid=${steamId}`
);
const steamId = context.query.id;
const steamIdResponse = await axios.get(
`${process.env.REACT_APP_SITE_URL}/api/validateid?steamid=${steamId}`
);
return {
props: {
isValidSteamId: steamIdResponse.data.message === "Valid",
query: JSON.stringify(context.query),
},
};
return {
props: {
isValidSteamId: steamIdResponse.data.message === "Valid",
query: JSON.stringify(context.query),
},
};
}