Website/components/privacy.js

import styles from '../styles/Privacy.module.css'

(async () => {
let ipreq = await fetch('/api/ip', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        msg: 'get_ip'
    })
})

let ip;
if (ipreq.ok) {
    ipreq.text().then(i => {ip = i});
};

})();

export default function Privacy() {
    return (
        <>
        <div className={styles.ScrollBox}>
            <div className={styles.Privacy}>
                <h1>Welcome to TheRed.SH!</h1>
                <h3>TheRed.SH is a self-hosted site made by TheRed. Due to potential for concerned users to arise, we have made a privacy policy in order to notify these users.</h3>
                <hr style={{color:"white", borderRadius:"10px", padding:"2px",backgroundColor:"white",border:"0px white solid"}}/>
                <h3>We, in no way, track you or spy on you. We may only collect this information if you abuse our system, however, you can't be identified:</h3>
                <h3 style={{lineHeight:"1"}}>᛫ Timestamp</h3>
                <h3 style={{lineHeight:"1"}}>᛫ Request Method</h3>
                <h3 style={{lineHeight:"1"}}>᛫ Status Code</h3>
                <h3 style={{lineHeight:"1"}}>᛫ Queries</h3>
                <h3>These are the ONLY things we collect. You are unidentifiable. This is done in order to protect our service from abuse, as mentioned above, as well as patching exploits.</h3>
                {/* <span>Your IP: {
                    
                }, if you do not trust us, use a VPN/Proxy!</span> */}
            </div>
        </div>
        </>
    )
}