Fix

app.ipynb

@@ -7,7 +7,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "#|export\n",
+    "# |export\n",
     "import gradio as gr\n",
     "import pandas as pd\n",
     "from huggingface_hub import list_models"
@@ -15,22 +15,43 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 71,
+   "execution_count": 107,
+   "id": "51d7a652-f6d2-4cee-b787-88fc0fae0acd",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "# |export\n",
+    "def make_clickable_model(model_name, link=None):\n",
+    "    if link is None:\n",
+    "        link = \"https://huggingface.co/\" + model_name\n",
+    "    # Remove user from model name\n",
+    "    return f'<a target=\"_blank\" href=\"{link}\">{model_name.split(\"/\")[-1]}</a>'\n",
+    "\n",
+    "\n",
+    "def make_clickable_user(user_id):\n",
+    "    link = \"https://huggingface.co/\" + user_id\n",
+    "    return f'<a  target=\"_blank\" href=\"{link}\">{user_id}</a>'"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 108,
    "id": "82d94a98-0e69-4400-9cb1-2e90ef6da519",
    "metadata": {},
    "outputs": [],
    "source": [
-    "#|export\n",
+    "# |export\n",
     "def get_submissions(category):\n",
     "    submissions = list_models(filter=[\"dreambooth-hackathon\", category], full=True)\n",
     "    leaderboard_models = []\n",
     "\n",
     "    for submission in submissions:\n",
     "        # user, model, likes\n",
+    "        user_id = submission.id.split(\"/\")[0]\n",
     "        leaderboard_models.append(\n",
     "            (\n",
-    "                submission.id.split(\"/\")[0],\n",
-    "                submission.id.split(\"/\")[-1],\n",
+    "                make_clickable_user(user_id),\n",
+    "                make_clickable_model(submission.id),\n",
     "                submission.likes,\n",
     "            )\n",
     "        )\n",
@@ -43,23 +64,15 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 82,
+   "execution_count": 109,
    "id": "7579bfc6-ddf6-444d-ab7e-505734d86e4d",
    "metadata": {},
    "outputs": [
-    {
-     "name": "stderr",
-     "output_type": "stream",
-     "text": [
-      "/Users/lewtun/miniconda3/envs/hf/lib/python3.8/site-packages/gradio/outputs.py:127: UserWarning: Usage of gradio.outputs is deprecated, and will not be supported in the future, please import your components from gradio.components\n",
-      "  warnings.warn(\n"
-     ]
-    },
     {
      "name": "stdout",
      "output_type": "stream",
      "text": [
-      "Running on local URL:  http://127.0.0.1:7878\n",
+      "Running on local URL:  http://127.0.0.1:7889\n",
       "\n",
       "To create a public link, set `share=True` in `launch()`.\n"
      ]
@@ -67,7 +80,7 @@
     {
      "data": {
       "text/html": [
-       "<div><iframe src=\"http://127.0.0.1:7878/\" width=\"100%\" height=\"500\" allow=\"autoplay; camera; microphone; clipboard-read; clipboard-write;\" frameborder=\"0\" allowfullscreen></iframe></div>"
+       "<div><iframe src=\"http://127.0.0.1:7889/\" width=\"100%\" height=\"500\" allow=\"autoplay; camera; microphone; clipboard-read; clipboard-write;\" frameborder=\"0\" allowfullscreen></iframe></div>"
       ],
       "text/plain": [
        "<IPython.core.display.HTML object>"
@@ -80,53 +93,70 @@
      "data": {
       "text/plain": []
      },
-     "execution_count": 82,
+     "execution_count": 109,
      "metadata": {},
      "output_type": "execute_result"
     }
    ],
    "source": [
-    "#|export\n",
+    "# |export\n",
     "block = gr.Blocks()\n",
     "\n",
     "with block:\n",
-    "    gr.Markdown(\"hi\")\n",
+    "    gr.Markdown(\n",
+    "        \"\"\"# The DreamBooth Hackathon Leaderboard\n",
+    "    \n",
+    "    Welcome to the leaderboard for the DreamBooth Hackathon! \n",
+    "    \"\"\"\n",
+    "    )\n",
     "    with gr.Tabs():\n",
-    "        with gr.TabItem(\"Animal\"):\n",
+    "        with gr.TabItem(\"Animal 🐨\"):\n",
     "            with gr.Row():\n",
-    "                animal_data = gr.outputs.Dataframe(type=\"pandas\")\n",
+    "                animal_data = gr.components.Dataframe(\n",
+    "                    type=\"pandas\", datatype=[\"number\", \"markdown\", \"markdown\", \"number\"]\n",
+    "                )\n",
     "            with gr.Row():\n",
     "                data_run = gr.Button(\"Refresh\")\n",
     "                data_run.click(\n",
     "                    get_submissions, inputs=gr.Variable(\"animal\"), outputs=animal_data\n",
     "                )\n",
-    "        with gr.TabItem(\"Science\"):\n",
+    "        with gr.TabItem(\"Science 🔬\"):\n",
     "            with gr.Row():\n",
-    "                science_data = gr.outputs.Dataframe(type=\"pandas\")\n",
+    "                science_data = gr.components.Dataframe(\n",
+    "                    type=\"pandas\", datatype=[\"number\", \"markdown\", \"markdown\", \"number\"]\n",
+    "                )\n",
     "            with gr.Row():\n",
     "                data_run = gr.Button(\"Refresh\")\n",
     "                data_run.click(\n",
     "                    get_submissions, inputs=gr.Variable(\"science\"), outputs=science_data\n",
     "                )\n",
-    "        with gr.TabItem(\"Food\"):\n",
+    "        with gr.TabItem(\"Food 🍔\"):\n",
     "            with gr.Row():\n",
-    "                food_data = gr.outputs.Dataframe(type=\"pandas\")\n",
+    "                food_data = gr.components.Dataframe(\n",
+    "                    type=\"pandas\", datatype=[\"number\", \"markdown\", \"markdown\", \"number\"]\n",
+    "                )\n",
     "            with gr.Row():\n",
     "                data_run = gr.Button(\"Refresh\")\n",
     "                data_run.click(\n",
     "                    get_submissions, inputs=gr.Variable(\"food\"), outputs=food_data\n",
     "                )\n",
-    "        with gr.TabItem(\"Landscape\"):\n",
+    "        with gr.TabItem(\"Landscape 🏔\"):\n",
     "            with gr.Row():\n",
-    "                landscape_data = gr.outputs.Dataframe(type=\"pandas\")\n",
+    "                landscape_data = gr.components.Dataframe(\n",
+    "                    type=\"pandas\", datatype=[\"number\", \"markdown\", \"markdown\", \"number\"]\n",
+    "                )\n",
     "            with gr.Row():\n",
     "                data_run = gr.Button(\"Refresh\")\n",
     "                data_run.click(\n",
-    "                    get_submissions, inputs=gr.Variable(\"landscape\"), outputs=landscape_data\n",
+    "                    get_submissions,\n",
+    "                    inputs=gr.Variable(\"landscape\"),\n",
+    "                    outputs=landscape_data,\n",
     "                )\n",
-    "        with gr.TabItem(\"Wilcard\"):\n",
+    "        with gr.TabItem(\"Wilcard 🔥\"):\n",
     "            with gr.Row():\n",
-    "                wildcard_data = gr.outputs.Dataframe(type=\"pandas\")\n",
+    "                wildcard_data = gr.components.Dataframe(\n",
+    "                    type=\"pandas\", datatype=[\"number\", \"markdown\", \"markdown\", \"number\"]\n",
+    "                )\n",
     "            with gr.Row():\n",
     "                data_run = gr.Button(\"Refresh\")\n",
     "                data_run.click(\n",
@@ -147,7 +177,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 83,
+   "execution_count": 110,
    "id": "17ff7d33-0c9a-4ca0-bb7b-ba1661063035",
    "metadata": {},
    "outputs": [
@@ -155,7 +185,7 @@
      "name": "stdout",
      "output_type": "stream",
      "text": [
-      "Closing server running on port: 7878\n"
+      "Closing server running on port: 7889\n"
      ]
     }
    ],
@@ -165,7 +195,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 79,
+   "execution_count": 84,
    "id": "339fee32-8a83-435d-b882-55b5f0994774",
    "metadata": {},
    "outputs": [],

app.py

@@ -1,7 +1,7 @@
 # AUTOGENERATED! DO NOT EDIT! File to edit: app.ipynb.
 
 # %% auto 0
-__all__ = ['block', 'get_submissions']
+__all__ = ['block', 'make_clickable_model', 'make_clickable_user', 'get_submissions']
 
 # %% app.ipynb 0
 import gradio as gr
@@ -9,16 +9,29 @@ import pandas as pd
 from huggingface_hub import list_models
 
 # %% app.ipynb 1
+def make_clickable_model(model_name, link=None):
+    if link is None:
+        link = "https://huggingface.co/" + model_name
+    # Remove user from model name
+    return f'<a target="_blank" href="{link}">{model_name.split("/")[-1]}</a>'
+
+
+def make_clickable_user(user_id):
+    link = "https://huggingface.co/" + user_id
+    return f'<a  target="_blank" href="{link}">{user_id}</a>'
+
+# %% app.ipynb 2
 def get_submissions(category):
     submissions = list_models(filter=["dreambooth-hackathon", category], full=True)
     leaderboard_models = []
 
     for submission in submissions:
         # user, model, likes
+        user_id = submission.id.split("/")[0]
         leaderboard_models.append(
             (
-                submission.id.split("/")[0],
-                submission.id.split("/")[-1],
+                make_clickable_user(user_id),
+                make_clickable_model(submission.id),
                 submission.likes,
             )
         )
@@ -28,47 +41,64 @@ def get_submissions(category):
     df.insert(0, "Rank", list(range(1, len(df) + 1)))
     return df
 
-# %% app.ipynb 2
+# %% app.ipynb 3
 block = gr.Blocks()
 
 with block:
-    gr.Markdown("hi")
+    gr.Markdown(
+        """# The DreamBooth Hackathon Leaderboard
+    
+    Welcome to the leaderboard for the DreamBooth Hackathon! 
+    """
+    )
     with gr.Tabs():
-        with gr.TabItem("Animal"):
+        with gr.TabItem("Animal 🐨"):
             with gr.Row():
-                animal_data = gr.outputs.Dataframe(type="pandas")
+                animal_data = gr.components.Dataframe(
+                    type="pandas", datatype=["number", "markdown", "markdown", "number"]
+                )
             with gr.Row():
                 data_run = gr.Button("Refresh")
                 data_run.click(
                     get_submissions, inputs=gr.Variable("animal"), outputs=animal_data
                 )
-        with gr.TabItem("Science"):
+        with gr.TabItem("Science 🔬"):
             with gr.Row():
-                science_data = gr.outputs.Dataframe(type="pandas")
+                science_data = gr.components.Dataframe(
+                    type="pandas", datatype=["number", "markdown", "markdown", "number"]
+                )
             with gr.Row():
                 data_run = gr.Button("Refresh")
                 data_run.click(
                     get_submissions, inputs=gr.Variable("science"), outputs=science_data
                 )
-        with gr.TabItem("Food"):
+        with gr.TabItem("Food 🍔"):
             with gr.Row():
-                food_data = gr.outputs.Dataframe(type="pandas")
+                food_data = gr.components.Dataframe(
+                    type="pandas", datatype=["number", "markdown", "markdown", "number"]
+                )
             with gr.Row():
                 data_run = gr.Button("Refresh")
                 data_run.click(
                     get_submissions, inputs=gr.Variable("food"), outputs=food_data
                 )
-        with gr.TabItem("Landscape"):
+        with gr.TabItem("Landscape 🏔"):
             with gr.Row():
-                landscape_data = gr.outputs.Dataframe(type="pandas")
+                landscape_data = gr.components.Dataframe(
+                    type="pandas", datatype=["number", "markdown", "markdown", "number"]
+                )
             with gr.Row():
                 data_run = gr.Button("Refresh")
                 data_run.click(
-                    get_submissions, inputs=gr.Variable("landscape"), outputs=landscape_data
+                    get_submissions,
+                    inputs=gr.Variable("landscape"),
+                    outputs=landscape_data,
                 )
-        with gr.TabItem("Wilcard"):
+        with gr.TabItem("Wilcard 🔥"):
             with gr.Row():
-                wildcard_data = gr.outputs.Dataframe(type="pandas")
+                wildcard_data = gr.components.Dataframe(
+                    type="pandas", datatype=["number", "markdown", "markdown", "number"]
+                )
             with gr.Row():
                 data_run = gr.Button("Refresh")
                 data_run.click(