feat: skeleton for similar proteins

Venom-Biochem-Lab · Jan 31, 2024 · ae27dd5 · ae27dd5
1 parent 0761289
commit ae27dd5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/frontend/src/lib/SimilarProteins.svelte b/frontend/src/lib/SimilarProteins.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+ export let queryProteinName: string;
+</script>
+
+<div>Similar Proteins</div>
+
+<style>
+ /* put stuff here */
+</style>
diff --git a/frontend/src/routes/protein/[proteinName]/+page.svelte b/frontend/src/routes/protein/[proteinName]/+page.svelte
@@ -15,6 +15,7 @@
  import References from "$lib/References.svelte";
  import { ChevronDownSolid, PenOutline } from "flowbite-svelte-icons";
  import EntryCard from "$lib/EntryCard.svelte";
+ import SimilarProteins from "$lib/SimilarProteins.svelte";
 
  const fileDownloadDropdown = ["pdb", "fasta"];
 
@@ -56,6 +57,10 @@
  <b>Mass (Da)</b>
  <div><code>{numberWithCommas(entry.mass)}</code></div>
  </div>
+ <div>
+ <b>Structurally Similar Proteins</b>
+ <SimilarProteins queryProteinName={entry.name} />
+ </div>
  </EntryCard>
 
  <!-- Article / Wiki entry -->