@@ -57,6 +57,7 @@ interface Statistics {
5757 total_repositories : number ;
5858 total_automations : number ;
5959 last_indexed_at : string | null ;
60+ repo_star_count : number ;
6061}
6162
6263const API_BASE_URL = process . env . NEXT_PUBLIC_API_URL ;
@@ -214,6 +215,7 @@ export default function Home() {
214215 day : "numeric" ,
215216 hour : "2-digit" ,
216217 minute : "2-digit" ,
218+ hour12 : false ,
217219 timeZoneName : "short" ,
218220 } ) ;
219221 } catch ( error ) {
@@ -1697,29 +1699,100 @@ Here's my automation YAML:
16971699 </ details >
16981700 </ div >
16991701
1700- { statistics ?. last_indexed_at && (
1702+ { /* Repository Info */ }
1703+ { statistics && (
17011704 < div className = "text-center mt-6" >
1705+ < a
1706+ href = "https://github.com/DevSecNinja/hadiscover"
1707+ target = "_blank"
1708+ rel = "noopener noreferrer"
1709+ className = "inline-flex items-center gap-2 px-5 py-3 rounded-xl transition-all duration-200"
1710+ style = { {
1711+ color : isDark ? "rgba(255, 255, 255, 0.7)" : "#1f2937" ,
1712+ background : isDark
1713+ ? "rgba(255, 255, 255, 0.05)"
1714+ : "rgba(0, 0, 0, 0.04)" ,
1715+ border : isDark
1716+ ? "1px solid rgba(255, 255, 255, 0.08)"
1717+ : "1px solid rgba(0, 0, 0, 0.08)" ,
1718+ } }
1719+ onMouseEnter = { ( e ) => {
1720+ e . currentTarget . style . background = isDark
1721+ ? "rgba(255, 255, 255, 0.08)"
1722+ : "rgba(0, 0, 0, 0.06)" ;
1723+ e . currentTarget . style . transform = "translateY(-1px)" ;
1724+ } }
1725+ onMouseLeave = { ( e ) => {
1726+ e . currentTarget . style . background = isDark
1727+ ? "rgba(255, 255, 255, 0.05)"
1728+ : "rgba(0, 0, 0, 0.04)" ;
1729+ e . currentTarget . style . transform = "translateY(0)" ;
1730+ } }
1731+ >
1732+ < svg
1733+ className = "w-5 h-5"
1734+ fill = "currentColor"
1735+ viewBox = "0 0 24 24"
1736+ role = "img"
1737+ aria-label = "GitHub logo"
1738+ >
1739+ < path
1740+ fillRule = "evenodd"
1741+ d = "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
1742+ clipRule = "evenodd"
1743+ />
1744+ </ svg >
1745+ < span className = "font-medium" > DevSecNinja/hadiscover</ span >
1746+ < span className = "flex items-center gap-1" >
1747+ < svg
1748+ className = "w-4 h-4"
1749+ style = { { color : "#f59e0b" } }
1750+ fill = "currentColor"
1751+ viewBox = "0 0 24 24"
1752+ role = "img"
1753+ aria-label = "Star icon"
1754+ >
1755+ < path d = "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
1756+ </ svg >
1757+ { statistics . repo_star_count }
1758+ </ span >
1759+ </ a >
17021760 < p
1703- className = "text-sm"
1761+ className = "text-sm mt-3 "
17041762 style = { {
17051763 color : isDark
1706- ? "rgba(255, 255, 255, 0.3 )"
1707- : "rgba(0, 0, 0, 0.4 )" ,
1764+ ? "rgba(255, 255, 255, 0.4 )"
1765+ : "rgba(0, 0, 0, 0.5 )" ,
17081766 } }
17091767 >
1710- Last indexed: { formatLastIndexed ( statistics . last_indexed_at ) }
1768+ ⭐ Star us on GitHub to show your support!
17111769 </ p >
17121770 </ div >
17131771 ) }
17141772
17151773 < div
1716- className = "text-center mt-8 text-sm"
1774+ className = "text-center mt-6 text-sm"
17171775 style = { {
17181776 color : isDark ? "rgba(255, 255, 255, 0.3)" : "rgba(0, 0, 0, 0.4)" ,
17191777 } }
17201778 >
17211779 < p > Built with 💙 for the Home Assistant community</ p >
17221780 </ div >
1781+
1782+ { statistics ?. last_indexed_at && (
1783+ < div className = "text-center mt-6" >
1784+ < p
1785+ className = "text-sm"
1786+ style = { {
1787+ color : isDark
1788+ ? "rgba(255, 255, 255, 0.3)"
1789+ : "rgba(0, 0, 0, 0.4)" ,
1790+ } }
1791+ >
1792+ Last indexed: { formatLastIndexed ( statistics . last_indexed_at ) }
1793+ </ p >
1794+ </ div >
1795+ ) }
17231796 </ footer >
17241797 </ div >
17251798 </ div >
0 commit comments