wenruifan commited on
Commit
182233e
·
1 Parent(s): 8f7e54a

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 { Link } from 'react-router-dom';
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
- {/* Breadcrumb */}
282
- <section className="bg-slate-50 py-4 border-b border-gray-200">
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 { Link } from 'react-router-dom';
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">