ourworld_web/www_projectmycelium_com
23
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 3 Pull Requests Projects Releases Activity

fix: update navigation links to use hash-based routing

Browse Source
This commit is contained in:
sasha-astiadi
2025-11-07 17:46:07 +01:00
parent aca13e275b
commit 2b5f20f1e9
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Footer.tsx
View File

@@ -15,16 +15,16 @@ export function Footer() {
</div>
</div>
<nav className="mt-10 flex gap-8">
<Link to="/" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
<Link to="/#/" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
Home
</Link>
<Link to="/cloud" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
<Link to="/#/cloud" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
Cloud
</Link>
<Link to="/network" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
<Link to="/#/network" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
Network
</Link>
<Link to="/agents" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
<Link to="/#/agents" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
Agents
</Link>
</nav>
@@ -35,7 +35,7 @@ export function Footer() {
</div>
<div className="ml-4 lg:w-72">
<p className="text-base font-semibold text-gray-900">
<Link to="/download">
<Link to="/#/download">
<span className="absolute inset-0 sm:rounded-2xl" />
Download Mycelium Connector
</Link>

20
src/components/Header.tsx
View File

@@ -9,10 +9,10 @@ import { Dialog } from '@headlessui/react'
import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
const cloudNavItems = [
{ name: 'Cloud', href: '/cloud' },
{ name: 'Compute', href: '/compute' },
{ name: 'Storage', href: '/storage' },
{ name: 'GPU', href: '/gpu' },
{ name: 'Cloud', href: '/#/cloud' },
{ name: 'Compute', href: '/#/compute' },
{ name: 'Storage', href: '/#/storage' },
{ name: 'GPU', href: '/#/gpu' },
]
export function Header() {
@@ -47,13 +47,13 @@ export function Header() {
items={cloudNavItems}
/>
<Link
to="/network"
to="/#/network"
className="text-base/7 tracking-tight text-gray-700 hover:text-cyan-500 transition-colors"
>
Network
</Link>
<Link
to="/agents"
to="/#/agents"
className="text-base/7 tracking-tight text-gray-700 hover:text-cyan-500 transition-colors"
>
Agents
@@ -71,7 +71,7 @@ export function Header() {
>
Deploy Now
</Button>
<Button to="/download" variant="solid" color="cyan">
<Button to="/#/download" variant="solid" color="cyan">
Get Mycelium Connector
</Button>
</div>
@@ -122,13 +122,13 @@ export function Header() {
</Link>
))}
<Link
to="/network"
to="/#/network"
className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
>
Network
</Link>
<Link
to="/agents"
to="/#/agents"
className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
>
Agents
@@ -145,7 +145,7 @@ export function Header() {
>
Start Deployment
</Button>
<Button to="/download" variant="solid" color="cyan" className="mt-4 w-full">
<Button to="/#/download" variant="solid" color="cyan" className="mt-4 w-full">
Get Mycelium Connector
</Button>
</div>