artegoser/ultyt
1
0
Fork 0
mirror of https://github.com/artegoser/ultyt.git synced 2024-11-21 19:46:21 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix: change browserRouter to hashRouter

Browse source
This commit is contained in:
Artemy 2023-08-09 18:03:05 +03:00
parent d5c9887acb
commit fa097e4bdd
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.tsx
View file

@ -2,7 +2,7 @@ import "./App.css";
import { NextUIProvider } from "@nextui-org/react"; import { NextUIProvider } from "@nextui-org/react";
import { PipedAPI } from "piped-api"; import { PipedAPI } from "piped-api";
import { BrowserRouter, Route, Routes } from "react-router-dom"; import { HashRouter, Navigate, Route, Routes } from "react-router-dom";
import Trending from "./pages/trending"; import Trending from "./pages/trending";
import { NavbarComponent } from "./components/navbar"; import { NavbarComponent } from "./components/navbar";
@ -16,13 +16,13 @@ function App() {
return ( return (
<NextUIProvider> <NextUIProvider>
<BrowserRouter> <HashRouter>
<NavbarComponent /> <NavbarComponent />
<Routes> <Routes>
<Route path="/" element={<Navigate to="/trending" />} /> <Route path="/" element={<Navigate to="/trending" />} />
<Route path="/trending" element={<Trending />} /> <Route path="/trending" element={<Trending />} />
</Routes> </Routes>
</BrowserRouter> </HashRouter>
</NextUIProvider> </NextUIProvider>
); );
} }

4
src/components/video.tsx
View file

@ -19,10 +19,10 @@ export function VideoComponent({ video }: VideoComponentProps) {
<CardBody className="flex gap-3 flex-row"> <CardBody className="flex gap-3 flex-row">
<Avatar className="flex-none" src={video.uploaderAvatar} /> <Avatar className="flex-none" src={video.uploaderAvatar} />
<div className="flex gap-3 flex-col"> <div className="flex gap-3 flex-col">
<Link color="foreground" href={video.url}> <Link color="foreground" href={`#${video.url}`}>
{video.title} {video.title}
</Link> </Link>
<Link color="foreground" href={video.uploaderUrl}> <Link color="foreground" href={`#${video.uploaderUrl}`}>
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
<p className="flex-none text-md">{video.uploaderName}</p> <p className="flex-none text-md">{video.uploaderName}</p>
{video.uploaderVerified && ( {video.uploaderVerified && (