Grabbed dndbeyond's source code
``` ~/go/bin/sourcemapper -output ddb -jsurl https://media.dndbeyond.com/character-app/static/js/main.90aa78c5.js ```
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
import { createContext, useContext, useState } from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
|
||||
interface HeadContextProps {
|
||||
title: string;
|
||||
setTitle: (title: string) => void;
|
||||
}
|
||||
|
||||
export const HeadContext = createContext<HeadContextProps>(null!);
|
||||
|
||||
export const HeadContextProvider = ({ children }) => {
|
||||
const [title, setTitle] = useState("Character App");
|
||||
|
||||
const setNewTitle = (title) => {
|
||||
setTitle(`${title} - D&D Beyond`);
|
||||
};
|
||||
|
||||
return (
|
||||
<HeadContext.Provider value={{ title, setTitle: setNewTitle }}>
|
||||
<Helmet>
|
||||
<title>{title}</title>
|
||||
</Helmet>
|
||||
{children}
|
||||
</HeadContext.Provider>
|
||||
);
|
||||
};
|
||||
|
||||
export const useHeadContext = () => {
|
||||
const context = useContext(HeadContext);
|
||||
|
||||
if (!context) {
|
||||
throw new Error("useHead must be used within a HeadProvider");
|
||||
}
|
||||
|
||||
return context;
|
||||
};
|
||||
Reference in New Issue
Block a user