From 9a05b58131257fb219b96a659520fdbb6e0a83b2 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 14 Feb 2026 21:51:31 +0100
Subject: [PATCH] feat: public notes directly to list

---
 src/components/RepoList.vue     | 28 +++++++++++++++++++---------
 src/components/WelcomeWorld.vue |  6 ------
 2 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/components/RepoList.vue b/src/components/RepoList.vue
index dda9778..6298732 100644
--- a/src/components/RepoList.vue
+++ b/src/components/RepoList.vue
@@ -1,21 +1,27 @@
 <script setup lang="ts">
-import fontColorContrast from 'font-color-contrast'
-import { getHex } from 'pastel-color'
+import fontColorContrast from "font-color-contrast"
+import { getHex } from "pastel-color"
 
-import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
-import { useFavoriteRepos } from '@/modules/repo/hooks/useFavoriteRepos.hook'
+import { useGitHubLogin } from "@/hooks/useGitHubLogin.hook"
+import { useFavoriteRepos } from "@/modules/repo/hooks/useFavoriteRepos.hook"
 
 const { username } = useGitHubLogin()
 const { savedFavoriteRepos } = useFavoriteRepos()
 
-const getStyle = (repo: string) => {
-  const backgroundColor = getHex(repo)
+const getStyle = (seed: string) => {
+  const backgroundColor = getHex(seed)
   return { backgroundColor, color: fontColorContrast(backgroundColor) }
 }
 </script>
 
 <template>
-  <section v-if="savedFavoriteRepos.length" class="repo-list">
+  <section class="repo-list">
+    <router-link
+      :to="{ name: 'PublicNoteListView' }"
+      class="btn"
+      :style="getStyle(``)"
+      >Public notes</router-link
+    >
     <router-link
       v-for="favoriteRepo in savedFavoriteRepos"
       :key="favoriteRepo._id"
@@ -23,8 +29,8 @@ const getStyle = (repo: string) => {
         name: 'FluxNoteView',
         params: {
           user: username,
-          repo: favoriteRepo.name
-        }
+          repo: favoriteRepo.name,
+        },
       }"
       class="btn"
       :style="getStyle(`${favoriteRepo.name}-${username}`)"
@@ -36,6 +42,10 @@ const getStyle = (repo: string) => {
 
 <style scoped lang="scss">
 .repo-list {
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
+
   a {
     border: 0;
     width: 160px;
diff --git a/src/components/WelcomeWorld.vue b/src/components/WelcomeWorld.vue
index df2fd34..8aafb7d 100644
--- a/src/components/WelcomeWorld.vue
+++ b/src/components/WelcomeWorld.vue
@@ -7,12 +7,6 @@
 
     <repo-list />
 
-    <p>
-      <router-link :to="{ name: 'PublicNoteListView' }" class="btn"
-        >Public notes</router-link
-      >
-    </p>
-
     <last-visited />
 
     <div class="get-started">