From 38dcf16c033153ed3550abf30df83826085983f0 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sat, 18 Oct 2025 22:36:37 +0200
Subject: [PATCH] customlink -> custom-link

---
 .../answers/compatibility-questions-display.tsx  |  2 +-
 web/components/bio/editable-bio.tsx              |  2 +-
 web/components/markdown.tsx                      |  2 +-
 web/components/searches/button.tsx               |  2 +-
 web/components/votes/vote-info.tsx               |  2 +-
 web/components/votes/vote-item.tsx               |  4 ++--
 web/pages/about.tsx                              |  4 ++--
 web/pages/register.tsx                           |  4 ++--
 web/pages/signin.tsx                             |  2 +-
 web/styles/globals.css                           | 16 ++++++++--------
 10 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/web/components/answers/compatibility-questions-display.tsx b/web/components/answers/compatibility-questions-display.tsx
index 8315c326..a26150f7 100644
--- a/web/components/answers/compatibility-questions-display.tsx
+++ b/web/components/answers/compatibility-questions-display.tsx
@@ -190,7 +190,7 @@ export function CompatibilityQuestionsDisplay(props: {
       ) : (
         <>
           {isCurrentUser && !fromProfilePage && (
-            <span className='customlink'>
+            <span className='custom-link'>
               {otherQuestions.length < 1 ? (
                 <span className="text-ink-600 text-sm">
                   You've already answered all the compatibility questions—
diff --git a/web/components/bio/editable-bio.tsx b/web/components/bio/editable-bio.tsx
index 02ebbd10..2681c318 100644
--- a/web/components/bio/editable-bio.tsx
+++ b/web/components/bio/editable-bio.tsx
@@ -28,7 +28,7 @@ Write a clear and engaging bio to help others understand who you are and the con
 
 export function BioTips() {
   return (
-    <ShowMore labelClosed="Tips" labelOpen="Hide info" className={'customlink text-sm'}>
+    <ShowMore labelClosed="Tips" labelOpen="Hide info" className={'custom-link text-sm'}>
       <ReactMarkdown>{tips}</ReactMarkdown>
       <Link href="/tips-bio" target="_blank">Read full tips for writing a high-quality bio</Link>
     </ShowMore>
diff --git a/web/components/markdown.tsx b/web/components/markdown.tsx
index 9895bd3a..901ef6d9 100644
--- a/web/components/markdown.tsx
+++ b/web/components/markdown.tsx
@@ -29,7 +29,7 @@ export default function MarkdownPage({content, filename}: Props) {
   return (
     <LovePage trackPageView={filename} className={'col-span-8'}>
       <Col className="items-center">
-        <Col className='w-full rounded px-3 py-4 sm:px-6 space-y-4 customlink'>
+        <Col className='w-full rounded px-3 py-4 sm:px-6 space-y-4 custom-link'>
           <ReactMarkdown
             components={{
               a: ({node: _node, children, ...props}) => <MarkdownLink {...props}>{children}</MarkdownLink>
diff --git a/web/components/searches/button.tsx b/web/components/searches/button.tsx
index 62ba7c51..259fd56d 100644
--- a/web/components/searches/button.tsx
+++ b/web/components/searches/button.tsx
@@ -180,7 +180,7 @@ function StarModal(props: {
                 {visibleUsers.map((user) => (
                   <li key={user.id}
                       className="items-center justify-between gap-2 list-item marker:text-ink-500 marker:font-bold">
-                    <a className={'customlink'}>
+                    <a className={'custom-link'}>
                       {user.name} (<Link
                       href={`/${user.username}`}
                       // style={{color: "#2563eb", textDecoration: "none"}}
diff --git a/web/components/votes/vote-info.tsx b/web/components/votes/vote-info.tsx
index cdab2814..7c25ca42 100644
--- a/web/components/votes/vote-info.tsx
+++ b/web/components/votes/vote-info.tsx
@@ -54,7 +54,7 @@ export function VoteComponent() {
           </select>
         </div>
       </Row>
-      <p className={'customlink'}>
+      <p className={'custom-link'}>
         You can discuss any of those proposals through the <Link href={'/contact'}>contact form</Link>, the <Link href={formLink}>feedback form</Link>, or any of our <Link href={'/social'}>socials</Link>.
       </p>
 
diff --git a/web/components/votes/vote-item.tsx b/web/components/votes/vote-item.tsx
index 1eeb5c0c..f028dd85 100644
--- a/web/components/votes/vote-item.tsx
+++ b/web/components/votes/vote-item.tsx
@@ -33,9 +33,9 @@ export function VoteItem(props: {
           <Col className='text-sm text-gray-500 italic'>
             <Content className="w-full" content={vote.description as JSONContent}/>
           </Col>
-          <Row className={'gap-2 mt-2 items-center justify-between w-full customlink flex-wrap'}>
+          <Row className={'gap-2 mt-2 items-center justify-between w-full custom-link flex-wrap'}>
             {!!vote.priority ? <div>Priority: {vote.priority.toFixed(0)}%</div> : <p></p>}
-            {!vote.is_anonymous && creator?.username && <Link href={`/${creator.username}`} className="customlink">{creator.username}</Link>}
+            {!vote.is_anonymous && creator?.username && <Link href={`/${creator.username}`} className="custom-link">{creator.username}</Link>}
           </Row>
           <VoteButtons
             voteId={vote.id}
diff --git a/web/pages/about.tsx b/web/pages/about.tsx
index a36206d3..45bc6d43 100644
--- a/web/pages/about.tsx
+++ b/web/pages/about.tsx
@@ -61,7 +61,7 @@ export default function About() {
                 <AboutBlock
                   title="Democratic"
                   text={<span
-                    className="customlink">Governed and <Link href="/vote">voted</Link> by the community, while ensuring no drift through our <Link
+                    className="custom-link">Governed and <Link href="/vote">voted</Link> by the community, while ensuring no drift through our <Link
                     href="/constitution">constitution</Link>.</span>}
                 />
 
@@ -126,7 +126,7 @@ export default function About() {
                 </div>
                 <div className="rounded-xl shadow p-6 flex flex-col items-center">
                   <h5 id="donate" className="font-bold mb-4 text-xl text-center">Donate</h5>
-                  <p className="mb-4 text-center customlink"><Link href="/support">Support</Link> our not-for-profit
+                  <p className="mb-4 text-center custom-link"><Link href="/support">Support</Link> our not-for-profit
                     infrastructure.</p>
                   <div className="flex flex-col gap-4 w-full items-center">
                     <a
diff --git a/web/pages/register.tsx b/web/pages/register.tsx
index 095f326d..d468e083 100644
--- a/web/pages/register.tsx
+++ b/web/pages/register.tsx
@@ -201,7 +201,7 @@ function RegisterComponent() {
                 </div>
 
                 <div>
-                  <p className="text-sm mt-2 text-center customlink">
+                  <p className="text-sm mt-2 text-center custom-link">
                     By signing up, I agree to the{" "}
                     <Link href="/terms">
                       Terms and Conditions
@@ -238,7 +238,7 @@ function RegisterComponent() {
                 </div>
               </form>
               <div className="my-8"/>
-              <div className="text-center customlink">
+              <div className="text-center custom-link">
                 <p className="">
                   Already have an account?{' '}
                   <Link href="/signin">
diff --git a/web/pages/signin.tsx b/web/pages/signin.tsx
index 4399fbe9..db558090 100644
--- a/web/pages/signin.tsx
+++ b/web/pages/signin.tsx
@@ -182,7 +182,7 @@ function RegisterComponent() {
               <GoogleButton onClick={handleGoogleSignIn} isLoading={isLoading}/>
             </div>
           </form>
-          <div className="text-center customlink">
+          <div className="text-center custom-link">
             <p className="">
               No account?{' '}
               <Link href="/register">
diff --git a/web/styles/globals.css b/web/styles/globals.css
index 66283b27..24f8bdfc 100644
--- a/web/styles/globals.css
+++ b/web/styles/globals.css
@@ -365,27 +365,27 @@ ul {
     padding-left: 1.25rem;
     margin-top: 0.5rem;
 }
-.customlink a,
-.customlink button{
+.custom-link a,
+.custom-link button{
     color: rgb(var(--color-primary-500));
     text-decoration: none;
     font-family: var(--font-main), serif;
 }
 
-.dark .customlink a,
-.dark .customlink button {
+.dark .custom-link a,
+.dark .custom-link button {
     color: rgb(var(--color-primary-600));
     text-decoration: none;
     font-family: var(--font-main), serif;
 }
 
-.customlink a:hover,
-.customlink button:hover {
+.custom-link a:hover,
+.custom-link button:hover {
     text-decoration: underline;
 }
 
-.dark .customlink a:hover,
-.dark .customlink button:hover {
+.dark .custom-link a:hover,
+.dark .custom-link button:hover {
     text-decoration: underline;
 }