Remove breadcrumb navigation bars
Browse files
frontend/src/components/datasets/protein/ProteinDashboard.tsx
CHANGED
|
@@ -1,7 +1,5 @@
|
|
| 1 |
-
import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
|
| 2 |
-
import {
|
| 3 |
-
import { Home, Download, BookOpen } from 'lucide-react';
|
| 4 |
-
import { FilterPanel } from './FilterPanel';
|
| 5 |
import { StaticDistributionPlots } from './StaticDistributionPlots';
|
| 6 |
import { DataTable } from './DataTable';
|
| 7 |
import { StatsPanel } from './StatsPanel';
|
|
@@ -276,42 +274,10 @@ export function ProteinDashboard() {
|
|
| 276 |
title="MuSProt: Multistate Protein Structure Database"
|
| 277 |
description="Explore 355,731 protein chains from 121,584 PDB entries with pairwise structural comparisons, energy scoring, and CATH functional annotations. Download the full SQLite database."
|
| 278 |
path="/"
|
| 279 |
-
/>
|
| 280 |
-
<MuSProtJsonLd />
|
| 281 |
-
|
| 282 |
-
|
| 283 |
-
<div className="max-w-7xl mx-auto px-6 flex items-center justify-between">
|
| 284 |
-
<nav className="flex items-center gap-2 text-sm">
|
| 285 |
-
<Link
|
| 286 |
-
to="/"
|
| 287 |
-
className="text-slate-600 hover:text-slate-900 transition-colors flex items-center gap-1"
|
| 288 |
-
>
|
| 289 |
-
<Home className="w-4 h-4" />
|
| 290 |
-
Home
|
| 291 |
-
</Link>
|
| 292 |
-
<span className="text-slate-900 font-medium">MuSProt: Multistate Protein Database</span>
|
| 293 |
-
</nav>
|
| 294 |
-
<div className="flex items-center gap-3">
|
| 295 |
-
<Link
|
| 296 |
-
to="/docs"
|
| 297 |
-
className="flex items-center gap-1.5 px-4 py-1.5 text-sm font-medium text-slate-700 border border-gray-200 rounded-lg hover:border-slate-900 hover:text-slate-900 transition-colors bg-white"
|
| 298 |
-
>
|
| 299 |
-
<BookOpen className="w-4 h-4" />
|
| 300 |
-
Docs
|
| 301 |
-
</Link>
|
| 302 |
-
<a
|
| 303 |
-
href="/api/protein/download/db"
|
| 304 |
-
download="MuSProt.db"
|
| 305 |
-
className="flex items-center gap-1.5 px-4 py-1.5 text-sm font-medium text-white bg-slate-900 rounded-lg hover:bg-slate-700 transition-colors"
|
| 306 |
-
>
|
| 307 |
-
<Download className="w-4 h-4" />
|
| 308 |
-
Download DB
|
| 309 |
-
</a>
|
| 310 |
-
</div>
|
| 311 |
-
</div>
|
| 312 |
-
</section>
|
| 313 |
-
|
| 314 |
-
{error && (
|
| 315 |
<div className="max-w-7xl mx-auto px-6 mt-4">
|
| 316 |
<div className="protein-error-banner">
|
| 317 |
<span>⚠️ {error}</span>
|
|
|
|
| 1 |
+
import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
|
| 2 |
+
import { FilterPanel } from './FilterPanel';
|
|
|
|
|
|
|
| 3 |
import { StaticDistributionPlots } from './StaticDistributionPlots';
|
| 4 |
import { DataTable } from './DataTable';
|
| 5 |
import { StatsPanel } from './StatsPanel';
|
|
|
|
| 274 |
title="MuSProt: Multistate Protein Structure Database"
|
| 275 |
description="Explore 355,731 protein chains from 121,584 PDB entries with pairwise structural comparisons, energy scoring, and CATH functional annotations. Download the full SQLite database."
|
| 276 |
path="/"
|
| 277 |
+
/>
|
| 278 |
+
<MuSProtJsonLd />
|
| 279 |
+
|
| 280 |
+
{error && (
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 281 |
<div className="max-w-7xl mx-auto px-6 mt-4">
|
| 282 |
<div className="protein-error-banner">
|
| 283 |
<span>⚠️ {error}</span>
|
frontend/src/pages/datasets/ProteinDocsPage.tsx
CHANGED
|
@@ -1,6 +1,5 @@
|
|
| 1 |
import { useEffect, useState } from 'react';
|
| 2 |
-
import {
|
| 3 |
-
import { Home, ChevronRight, Download } from 'lucide-react';
|
| 4 |
import ReactMarkdown from 'react-markdown';
|
| 5 |
import remarkGfm from 'remark-gfm';
|
| 6 |
import './ProteinDocsPage.css';
|
|
@@ -23,24 +22,6 @@ export function ProteinDocsPage() {
|
|
| 23 |
|
| 24 |
return (
|
| 25 |
<div className="min-h-screen bg-white">
|
| 26 |
-
{/* Breadcrumb */}
|
| 27 |
-
<section className="bg-slate-50 py-4 border-b border-gray-200">
|
| 28 |
-
<div className="max-w-5xl mx-auto px-6">
|
| 29 |
-
<nav className="flex items-center gap-2 text-sm">
|
| 30 |
-
<Link to="/" className="text-slate-600 hover:text-slate-900 transition-colors flex items-center gap-1">
|
| 31 |
-
<Home className="w-4 h-4" />
|
| 32 |
-
Home
|
| 33 |
-
</Link>
|
| 34 |
-
<ChevronRight className="w-4 h-4 text-slate-400" />
|
| 35 |
-
<Link to="/" className="text-slate-600 hover:text-slate-900 transition-colors">
|
| 36 |
-
MuSProt
|
| 37 |
-
</Link>
|
| 38 |
-
<ChevronRight className="w-4 h-4 text-slate-400" />
|
| 39 |
-
<span className="text-slate-900 font-medium">Documentation</span>
|
| 40 |
-
</nav>
|
| 41 |
-
</div>
|
| 42 |
-
</section>
|
| 43 |
-
|
| 44 |
{/* Header */}
|
| 45 |
<section className="bg-gradient-to-b from-slate-50 to-white py-6 border-b border-gray-200">
|
| 46 |
<div className="max-w-5xl mx-auto px-6 flex items-center justify-between">
|
|
|
|
| 1 |
import { useEffect, useState } from 'react';
|
| 2 |
+
import { Download } from 'lucide-react';
|
|
|
|
| 3 |
import ReactMarkdown from 'react-markdown';
|
| 4 |
import remarkGfm from 'remark-gfm';
|
| 5 |
import './ProteinDocsPage.css';
|
|
|
|
| 22 |
|
| 23 |
return (
|
| 24 |
<div className="min-h-screen bg-white">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 25 |
{/* Header */}
|
| 26 |
<section className="bg-gradient-to-b from-slate-50 to-white py-6 border-b border-gray-200">
|
| 27 |
<div className="max-w-5xl mx-auto px-6 flex items-center justify-between">
|