From 0d3582c99a11f87db6d6767cc4701ba1cf6a61f0 Mon Sep 17 00:00:00 2001
From: Nevo David <nevo@notu.co>
Date: Sun, 17 Mar 2024 11:21:12 +0700
Subject: [PATCH] feat: add Inter to inputs

---
 libraries/react-shared-libraries/src/form/canonical.tsx | 3 ++-
 libraries/react-shared-libraries/src/form/input.tsx     | 3 ++-
 libraries/react-shared-libraries/src/form/select.tsx    | 3 ++-
 libraries/react-shared-libraries/src/form/textarea.tsx  | 3 ++-
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/libraries/react-shared-libraries/src/form/canonical.tsx b/libraries/react-shared-libraries/src/form/canonical.tsx
index f98e719e..5987b1f9 100644
--- a/libraries/react-shared-libraries/src/form/canonical.tsx
+++ b/libraries/react-shared-libraries/src/form/canonical.tsx
@@ -11,6 +11,7 @@ import { clsx } from 'clsx';
 import { useFormContext } from 'react-hook-form';
 import dayjs from 'dayjs';
 import { useShowPostSelector } from '../../../../apps/frontend/src/components/post-url-selector/post.url.selector';
+import interClass from '../helpers/inter.font';
 
 export const Canonical: FC<
   DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
@@ -47,7 +48,7 @@ export const Canonical: FC<
   return (
     <div className="flex flex-col gap-[6px]">
       <div className="flex items-center gap-[3px]">
-        <div className="font-['Inter'] text-[14px]">{label}</div>
+        <div className={`${interClass} text-[14px]`}>{label}</div>
         <div>
           <svg
             onClick={onPostSelector}
diff --git a/libraries/react-shared-libraries/src/form/input.tsx b/libraries/react-shared-libraries/src/form/input.tsx
index 3450bc2e..610ba4a3 100644
--- a/libraries/react-shared-libraries/src/form/input.tsx
+++ b/libraries/react-shared-libraries/src/form/input.tsx
@@ -3,6 +3,7 @@
 import { DetailedHTMLProps, FC, InputHTMLAttributes, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { useFormContext } from 'react-hook-form';
+import interClass from '../helpers/inter.font';
 
 export const Input: FC<
   DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
@@ -23,7 +24,7 @@ export const Input: FC<
 
   return (
     <div className="flex flex-col gap-[6px]">
-      <div className="font-['Inter'] text-[14px]">{label}</div>
+      <div className={`${interClass} text-[14px]`}>{label}</div>
       <input
         {...(disableForm ? {} : form.register(props.name))}
         className={clsx(
diff --git a/libraries/react-shared-libraries/src/form/select.tsx b/libraries/react-shared-libraries/src/form/select.tsx
index 8e8fc8fa..61db635a 100644
--- a/libraries/react-shared-libraries/src/form/select.tsx
+++ b/libraries/react-shared-libraries/src/form/select.tsx
@@ -3,6 +3,7 @@
 import {DetailedHTMLProps, FC, SelectHTMLAttributes, useMemo} from "react";
 import {clsx} from "clsx";
 import {useFormContext} from "react-hook-form";
+import interClass from '../helpers/inter.font';
 
 export const Select: FC<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> & {error?: any, disableForm?: boolean, label: string, name: string}> = (props) => {
     const {label, className, disableForm, error, ...rest} = props;
@@ -15,7 +16,7 @@ export const Select: FC<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement
 
     return (
         <div className="flex flex-col gap-[6px]">
-            <div className="font-['Inter'] text-[14px]">{label}</div>
+            <div className={`${interClass} text-[14px]`}>{label}</div>
             <select {...disableForm ? {} : form.register(props.name)} className={clsx("bg-input h-[44px] px-[16px] outline-none border-fifth border rounded-[4px] text-inputText placeholder-inputText", className)} {...rest}  />
             <div className="text-red-400 text-[12px]">{err || <>&nbsp;</>}</div>
         </div>
diff --git a/libraries/react-shared-libraries/src/form/textarea.tsx b/libraries/react-shared-libraries/src/form/textarea.tsx
index 588922b3..1a56eb86 100644
--- a/libraries/react-shared-libraries/src/form/textarea.tsx
+++ b/libraries/react-shared-libraries/src/form/textarea.tsx
@@ -4,6 +4,7 @@ import {DetailedHTMLProps, FC, InputHTMLAttributes, useMemo} from "react";
 // @ts-ignore
 import clsx from "clsx";
 import {useFormContext} from "react-hook-form";
+import interClass from '../helpers/inter.font';
 
 export const Textarea: FC<DetailedHTMLProps<InputHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {error?: any, disableForm?: boolean, label: string, name: string}> = (props) => {
     const {label, className, disableForm, error, ...rest} = props;
@@ -16,7 +17,7 @@ export const Textarea: FC<DetailedHTMLProps<InputHTMLAttributes<HTMLTextAreaElem
 
     return (
         <div className="flex flex-col gap-[6px]">
-            <div className="font-['Inter'] text-[14px]">{label}</div>
+            <div className={`${interClass} text-[14px]`}>{label}</div>
             <textarea {...disableForm ? {} : form.register(props.name)} className={clsx("bg-input min-h-[150px] p-[16px] outline-none border-fifth border rounded-[4px] text-inputText placeholder-inputText", className)} {...rest}  />
             <div className="text-red-400 text-[12px]">{err || <>&nbsp;</>}</div>
         </div>