dave/eve-signaler
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

Reverted to commit 638f8f4a93

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-06-14 20:24:55 +00:00
parent 5784149dd2
commit 1f311d5b1a
5 changed files with 138 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/GalaxyMap.tsx
View File

@@ -143,6 +143,9 @@ export const GalaxyMap = () => {
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-purple-900/20 via-slate-900/40 to-black"></div> <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-purple-900/20 via-slate-900/40 to-black"></div>
<div className="relative z-10 p-8"> <div className="relative z-10 p-8">
<h1 className="text-4xl font-bold text-white mb-2 text-center">Galaxy Map</h1>
<p className="text-purple-200 text-center mb-8">Navigate the known regions of space</p>
<div className="w-full h-[calc(100vh-200px)] border border-purple-500/30 rounded-lg overflow-hidden bg-black/20 backdrop-blur-sm"> <div className="w-full h-[calc(100vh-200px)] border border-purple-500/30 rounded-lg overflow-hidden bg-black/20 backdrop-blur-sm">
<svg <svg
ref={svgRef} ref={svgRef}

110
src/components/Header.tsx
View File

@@ -1,110 +0,0 @@
import React from 'react';
import { useNavigate } from 'react-router-dom';
import {
Breadcrumb,
BreadcrumbItem,
BreadcrumbLink,
BreadcrumbList,
BreadcrumbPage,
BreadcrumbSeparator,
} from '@/components/ui/breadcrumb';
interface HeaderProps {
level: 'universe' | 'region' | 'system';
region?: string;
system?: string;
}
const Header = ({ level, region, system }: HeaderProps) => {
const navigate = useNavigate();
const getTitle = () => {
switch (level) {
case 'universe':
return 'Universe';
case 'region':
return `Region: ${region}`;
case 'system':
return `System: ${system}`;
default:
return 'Universe';
}
};
const getSubtitle = () => {
switch (level) {
case 'universe':
return 'Navigate the galaxy of New Eden';
case 'region':
return 'Solar systems in this region';
case 'system':
return 'Press Ctrl+V to paste signatures';
default:
return '';
}
};
return (
<div className="flex-shrink-0 py-6 px-4">
{/* Breadcrumb Navigation */}
<div className="mb-4">
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
{level === 'universe' ? (
<BreadcrumbPage className="text-white font-semibold">
Universe
</BreadcrumbPage>
) : (
<BreadcrumbLink
onClick={() => navigate("/")}
className="text-purple-200 hover:text-white cursor-pointer"
>
Universe
</BreadcrumbLink>
)}
</BreadcrumbItem>
{(level === 'region' || level === 'system') && region && (
<>
<BreadcrumbSeparator className="text-slate-400" />
<BreadcrumbItem>
{level === 'region' ? (
<BreadcrumbPage className="text-white font-semibold">
{region}
</BreadcrumbPage>
) : (
<BreadcrumbLink
onClick={() => navigate(`/regions/${region}`)}
className="text-purple-200 hover:text-white cursor-pointer"
>
{region}
</BreadcrumbLink>
)}
</BreadcrumbItem>
</>
)}
{level === 'system' && system && (
<>
<BreadcrumbSeparator className="text-slate-400" />
<BreadcrumbItem>
<BreadcrumbPage className="text-white font-semibold">
{system}
</BreadcrumbPage>
</BreadcrumbItem>
</>
)}
</BreadcrumbList>
</Breadcrumb>
</div>
{/* Title and Subtitle */}
<div className="text-center">
<h1 className="text-4xl font-bold text-white mb-2">{getTitle()}</h1>
<p className="text-purple-200">{getSubtitle()}</p>
</div>
</div>
);
};
export default Header;

43
src/components/RegionMap.tsx
View File

@@ -1,10 +1,18 @@
import React, { useState, useRef, useCallback, useEffect, useMemo } from 'react'; import React, { useState, useRef, useCallback, useEffect, useMemo } from 'react';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { MapNode } from './MapNode'; import { MapNode } from './MapNode';
import { Connection } from './Connection'; import { Connection } from './Connection';
import { useQuery } from '@tanstack/react-query'; import { useQuery } from '@tanstack/react-query';
import { getSecurityColor } from '../utils/securityColors'; import { getSecurityColor } from '../utils/securityColors';
import Header from './Header'; import {
Breadcrumb,
BreadcrumbItem,
BreadcrumbLink,
BreadcrumbList,
BreadcrumbPage,
BreadcrumbSeparator,
} from '@/components/ui/breadcrumb';
const pocketbaseUrl = `https://evebase.site.quack-lab.dev/api/collections/regionview/records`; const pocketbaseUrl = `https://evebase.site.quack-lab.dev/api/collections/regionview/records`;
@@ -298,11 +306,35 @@ const RegionMap = ({ regionName, focusSystem, isCompact = false }: RegionMapProp
<div className="w-full h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 overflow-hidden relative"> <div className="w-full h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 overflow-hidden relative">
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-purple-900/20 via-slate-900/40 to-black"></div> <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-purple-900/20 via-slate-900/40 to-black"></div>
<div className="relative z-10 h-full flex flex-col"> <div className="relative z-10 p-8">
<Header level="region" region={regionName} /> {/* Breadcrumb Navigation */}
<div className="mb-6">
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<BreadcrumbLink
onClick={() => navigate("/")}
className="text-purple-200 hover:text-white cursor-pointer"
>
Universe
</BreadcrumbLink>
</BreadcrumbItem>
<BreadcrumbSeparator className="text-slate-400" />
<BreadcrumbItem>
<BreadcrumbPage className="text-white font-semibold">
{regionName}
</BreadcrumbPage>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
</div>
<div className="flex-1 overflow-hidden px-8 pb-8"> <div className="mb-8">
<div className="w-full h-full border border-purple-500/30 rounded-lg overflow-hidden bg-black/20 backdrop-blur-sm"> <h1 className="text-4xl font-bold text-white mb-2">{regionName}</h1>
<p className="text-purple-200">Solar systems in this region</p>
</div>
<div className="w-full h-[calc(100vh-200px)] border border-purple-500/30 rounded-lg overflow-hidden bg-black/20 backdrop-blur-sm">
<svg <svg
ref={svgRef} ref={svgRef}
width="100%" width="100%"
@@ -352,7 +384,6 @@ const RegionMap = ({ regionName, focusSystem, isCompact = false }: RegionMapProp
</div> </div>
</div> </div>
</div> </div>
</div>
); );
}; };

15
src/pages/Index.tsx
View File

@@ -1,19 +1,8 @@
import { GalaxyMap } from '@/components/GalaxyMap'; import { GalaxyMap } from '../components/GalaxyMap';
import Header from '@/components/Header';
const Index = () => { const Index = () => {
return ( return <GalaxyMap />;
<div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900">
<div className="h-screen flex flex-col">
<Header level="universe" />
<div className="flex-1 overflow-hidden px-4 pb-8">
<GalaxyMap />
</div>
</div>
</div>
);
}; };
export default Index; export default Index;

47
src/pages/SystemView.tsx
View File

@@ -1,10 +1,10 @@
import { useParams, useNavigate } from "react-router-dom"; import { useParams, useNavigate } from "react-router-dom";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { toast } from "@/hooks/use-toast"; import { toast } from "@/hooks/use-toast";
import { useQueryClient } from "@tanstack/react-query"; import { useQueryClient } from "@tanstack/react-query";
import SystemTracker from "@/components/SystemTracker"; import SystemTracker from "@/components/SystemTracker";
import RegionMap from "@/components/RegionMap"; import RegionMap from "@/components/RegionMap";
import Header from "@/components/Header";
import { Switch } from "@/components/ui/switch"; import { Switch } from "@/components/ui/switch";
import { Label } from "@/components/ui/label"; import { Label } from "@/components/ui/label";
import { import {
@@ -212,11 +212,47 @@ const SystemView = () => {
return ( return (
<div className="h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 overflow-hidden"> <div className="h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 overflow-hidden">
<div className="h-full flex flex-col"> <div className="h-full flex flex-col">
<Header level="system" region={region} system={system} /> <div className="flex-shrink-0 py-6 px-4">
{/* Breadcrumb Navigation */}
<div className="mb-4">
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<BreadcrumbLink
onClick={() => navigate("/")}
className="text-purple-200 hover:text-white cursor-pointer"
>
Universe
</BreadcrumbLink>
</BreadcrumbItem>
{region && (
<>
<BreadcrumbSeparator className="text-slate-400" />
<BreadcrumbItem>
<BreadcrumbLink
onClick={() => navigate(`/regions/${region}`)}
className="text-purple-200 hover:text-white cursor-pointer"
>
{region}
</BreadcrumbLink>
</BreadcrumbItem>
</>
)}
<BreadcrumbSeparator className="text-slate-400" />
<BreadcrumbItem>
<BreadcrumbPage className="text-white font-semibold">
{system}
</BreadcrumbPage>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
</div>
{/* Clean Mode Toggle */} {/* System Title and Controls */}
<div className="flex-shrink-0 px-4 pb-4"> <div className="text-center">
<div className="flex items-center justify-center gap-4"> <h1 className="text-4xl font-bold text-white mb-2">System: {system}</h1>
<div className="flex items-center justify-center gap-4 text-slate-300">
<p>Press Ctrl+V to paste signatures</p>
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<Switch <Switch
id="clean-mode" id="clean-mode"
@@ -229,6 +265,7 @@ const SystemView = () => {
</div> </div>
</div> </div>
</div> </div>
</div>
<div className="flex-1 overflow-hidden px-4 pb-8"> <div className="flex-1 overflow-hidden px-4 pb-8">
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6 h-full"> <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 h-full">