Create your Link in Bio for Bluesky

スターボタン設置

+33 -1
+14 -1
app/components/layout.tsx
··· 1 1 import { LanguageIcon } from "@heroicons/react/24/outline"; 2 2 import { Form, Link } from "@remix-run/react"; 3 3 import { type ReactNode, useRef } from "react"; 4 + import GitHubButton from "react-github-btn"; 4 5 import { useTranslation } from "react-i18next"; 5 6 6 7 import { cn } from "~/utils/cn"; ··· 105 106 </Link> 106 107 </nav> 107 108 )} 108 - <nav className="flex justify-center gap-4"> 109 + <nav className="flex h-10 items-center justify-center gap-4"> 109 110 <a 110 111 href="https://bsky.app/profile/linkat.blue" 111 112 target="_blank" ··· 122 123 > 123 124 <GitHubIcon className="size-7 text-base-100" /> 124 125 </a> 126 + <div className="relative size-7"> 127 + <div className="loading loading-spinner absolute top-1.5 size-4"></div> 128 + <div className="absolute top-1"> 129 + <GitHubButton 130 + href="https://github.com/mkizka/linkat" 131 + data-color-scheme="no-preference: light; light: light; dark: dark;" 132 + data-icon="octicon-star" 133 + data-show-count="true" 134 + aria-label="Star mkizka/linkat on GitHub" 135 + /> 136 + </div> 137 + </div> 125 138 </nav> 126 139 </footer> 127 140 );
+1
package.json
··· 59 59 "prisma": "5.22.0", 60 60 "react": "18.3.1", 61 61 "react-dom": "18.3.1", 62 + "react-github-btn": "1.4.0", 62 63 "react-i18next": "15.1.0", 63 64 "react-movable": "3.3.1", 64 65 "remix-i18next": "6.4.1",
+18
pnpm-lock.yaml
··· 107 107 react-dom: 108 108 specifier: 18.3.1 109 109 version: 18.3.1(react@18.3.1) 110 + react-github-btn: 111 + specifier: 1.4.0 112 + version: 1.4.0(react@18.3.1) 110 113 react-i18next: 111 114 specifier: 15.1.0 112 115 version: 15.1.0(i18next@23.16.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) ··· 3193 3196 resolution: {integrity: sha512-8EHPljDvs7qKykr6uw8b+lqLiUc/vUg+KVTI0uND4s63TdsZM2Xus3mflvF0DDG9SiM4RlCkFGL+7aAjRmV7KA==} 3194 3197 hasBin: true 3195 3198 3199 + github-buttons@2.29.1: 3200 + resolution: {integrity: sha512-TV3YgAKda5hPz75n7QXmGCsSzgVya1vvmBieebg3EB5ScmashTZ0FldViG1aU2d4V5rcAGrtQ7k5uAaCo0A4PA==} 3201 + 3196 3202 glob-parent@5.1.2: 3197 3203 resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==} 3198 3204 engines: {node: '>= 6'} ··· 4768 4774 peerDependencies: 4769 4775 react: ^18.3.1 4770 4776 4777 + react-github-btn@1.4.0: 4778 + resolution: {integrity: sha512-lV4FYClAfjWnBfv0iNlJUGhamDgIq6TayD0kPZED6VzHWdpcHmPfsYOZ/CFwLfPv4Zp+F4m8QKTj0oy2HjiGXg==} 4779 + peerDependencies: 4780 + react: '>=16.3.0' 4781 + 4771 4782 react-i18next@15.1.0: 4772 4783 resolution: {integrity: sha512-zj3nJynMnZsy2gPZiOTC7XctCY5eQGqT3tcKMmfJWC9FMvgd+960w/adq61j8iPzpwmsXejqID9qC3Mqu1Xu2Q==} 4773 4784 peerDependencies: ··· 9224 9235 pathe: 1.1.2 9225 9236 tar: 6.2.1 9226 9237 9238 + github-buttons@2.29.1: {} 9239 + 9227 9240 glob-parent@5.1.2: 9228 9241 dependencies: 9229 9242 is-glob: 4.0.3 ··· 11147 11160 loose-envify: 1.4.0 11148 11161 react: 18.3.1 11149 11162 scheduler: 0.23.2 11163 + 11164 + react-github-btn@1.4.0(react@18.3.1): 11165 + dependencies: 11166 + github-buttons: 2.29.1 11167 + react: 18.3.1 11150 11168 11151 11169 react-i18next@15.1.0(i18next@23.16.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1): 11152 11170 dependencies: