diff options
Diffstat (limited to 'web/source/settings-panel/components/nav-button.jsx')
| -rw-r--r-- | web/source/settings-panel/components/nav-button.jsx | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/web/source/settings-panel/components/nav-button.jsx b/web/source/settings-panel/components/nav-button.jsx new file mode 100644 index 000000000..3c76711fb --- /dev/null +++ b/web/source/settings-panel/components/nav-button.jsx @@ -0,0 +1,33 @@ +/* + GoToSocial + Copyright (C) 2021-2022 GoToSocial Authors admin@gotosocial.org + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see <http://www.gnu.org/licenses/>. +*/ + +"use strict"; + +const React = require("react"); +const { Link, useRoute } = require("wouter"); + +module.exports = function NavButton({href, name}) { + const [isActive] = useRoute(`${href}/:anything?`); + return ( + <Link href={href}> + <a className={isActive ? "active" : ""} data-content={name}> + {name} + </a> + </Link> + ); +};
\ No newline at end of file |