25 lines
731 B
JavaScript
25 lines
731 B
JavaScript
|
import * as React from "react";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* SupportOnly only shows its contents to Support users. For most users, the
|
||
|
|
* content will be hidden!
|
||
|
|
*
|
||
|
|
* To become a Support user, you visit /?supportSecret=..., which saves the
|
||
|
|
* secret to your device.
|
||
|
|
*
|
||
|
|
* Note that this component doesn't check that the secret is *correct*, so it's
|
||
|
|
* possible to view this UI by faking an invalid secret. That's okay, because
|
||
|
|
* the server checks the provided secret for each Support request.
|
||
|
|
*/
|
||
|
|
function SupportOnly({ children }) {
|
||
|
|
const supportSecret = React.useMemo(getSupportSecret, []);
|
||
|
|
|
||
|
|
return supportSecret ? children : null;
|
||
|
|
}
|
||
|
|
|
||
|
|
function getSupportSecret() {
|
||
|
|
return localStorage.getItem("supportSecret");
|
||
|
|
}
|
||
|
|
|
||
|
|
export default SupportOnly;
|