From 824b8e1e4d748435d5d10d0a0eb7d1e49071a82e Mon Sep 17 00:00:00 2001
From: louis <louis@systemli.org>
Date: Sat, 1 Feb 2025 19:36:52 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Fix=20Deprecations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ticker/form/Author.tsx    | 14 ++++++++------
 src/components/ticker/form/Bluesky.tsx   | 14 ++++++++------
 src/components/ticker/form/Email.tsx     | 14 ++++++++------
 src/components/ticker/form/Facebook.tsx  | 16 +++++++++-------
 src/components/ticker/form/Instagram.tsx | 16 +++++++++-------
 src/components/ticker/form/Mastodon.tsx  | 14 ++++++++------
 src/components/ticker/form/Telegram.tsx  | 16 +++++++++-------
 src/components/ticker/form/Threads.tsx   | 16 +++++++++-------
 src/components/ticker/form/Twitter.tsx   | 16 +++++++++-------
 src/components/ticker/form/Url.tsx       | 14 ++++++++------
 10 files changed, 85 insertions(+), 65 deletions(-)

diff --git a/src/components/ticker/form/Author.tsx b/src/components/ticker/form/Author.tsx
index e9ef57d1..ad7f107b 100644
--- a/src/components/ticker/form/Author.tsx
+++ b/src/components/ticker/form/Author.tsx
@@ -14,12 +14,14 @@ const Author: FC = () => {
       render={({ field }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start">
-                <FontAwesomeIcon icon={faUser} />
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start">
+                  <FontAwesomeIcon icon={faUser} />
+                </InputAdornment>
+              ),
+            },
           }}
           label="Author"
           margin="dense"
diff --git a/src/components/ticker/form/Bluesky.tsx b/src/components/ticker/form/Bluesky.tsx
index eabf7de1..7d37d184 100644
--- a/src/components/ticker/form/Bluesky.tsx
+++ b/src/components/ticker/form/Bluesky.tsx
@@ -14,12 +14,14 @@ const Bluesky: FC = () => {
       render={({ field }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start">
-                <FontAwesomeIcon icon={faBluesky} />
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start">
+                  <FontAwesomeIcon icon={faBluesky} />
+                </InputAdornment>
+              ),
+            },
           }}
           label="Bluesky"
           margin="dense"
diff --git a/src/components/ticker/form/Email.tsx b/src/components/ticker/form/Email.tsx
index 2a62b0a9..653c1535 100644
--- a/src/components/ticker/form/Email.tsx
+++ b/src/components/ticker/form/Email.tsx
@@ -21,12 +21,14 @@ const Email: FC = () => {
       render={({ field, fieldState: { error } }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start">
-                <FontAwesomeIcon icon={faEnvelope} />
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start">
+                  <FontAwesomeIcon icon={faEnvelope} />
+                </InputAdornment>
+              ),
+            },
           }}
           error={!!error}
           helperText={error?.message ? error.message : null}
diff --git a/src/components/ticker/form/Facebook.tsx b/src/components/ticker/form/Facebook.tsx
index b0febd3c..8109ee85 100644
--- a/src/components/ticker/form/Facebook.tsx
+++ b/src/components/ticker/form/Facebook.tsx
@@ -21,13 +21,15 @@ const Facebook: FC = () => {
       render={({ field, fieldState: { error } }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start" style={{ marginRight: '0px' }}>
-                <FontAwesomeIcon icon={faFacebook} />
-                <span style={{ paddingLeft: '8px' }}>fb.com/</span>
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start" style={{ marginRight: '0px' }}>
+                  <FontAwesomeIcon icon={faFacebook} />
+                  <span style={{ paddingLeft: '8px' }}>fb.com/</span>
+                </InputAdornment>
+              ),
+            },
           }}
           error={!!error}
           helperText={error?.message ? error.message : null}
diff --git a/src/components/ticker/form/Instagram.tsx b/src/components/ticker/form/Instagram.tsx
index 55227375..8286c5f2 100644
--- a/src/components/ticker/form/Instagram.tsx
+++ b/src/components/ticker/form/Instagram.tsx
@@ -21,13 +21,15 @@ const Instagram: FC = () => {
       render={({ field, fieldState: { error } }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start" style={{ marginRight: '0px' }}>
-                <FontAwesomeIcon icon={faInstagram} />
-                <span style={{ paddingLeft: '8px' }}>instagram.com/</span>
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start" style={{ marginRight: '0px' }}>
+                  <FontAwesomeIcon icon={faInstagram} />
+                  <span style={{ paddingLeft: '8px' }}>instagram.com/</span>
+                </InputAdornment>
+              ),
+            },
           }}
           error={!!error}
           helperText={error?.message ? error.message : null}
diff --git a/src/components/ticker/form/Mastodon.tsx b/src/components/ticker/form/Mastodon.tsx
index 26fc5b32..6f29256b 100644
--- a/src/components/ticker/form/Mastodon.tsx
+++ b/src/components/ticker/form/Mastodon.tsx
@@ -14,12 +14,14 @@ const Mastodon: FC = () => {
       render={({ field }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start">
-                <FontAwesomeIcon icon={faMastodon} />
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start">
+                  <FontAwesomeIcon icon={faMastodon} />
+                </InputAdornment>
+              ),
+            },
           }}
           label="Mastodon"
           margin="dense"
diff --git a/src/components/ticker/form/Telegram.tsx b/src/components/ticker/form/Telegram.tsx
index 712514fd..ce5fd81e 100644
--- a/src/components/ticker/form/Telegram.tsx
+++ b/src/components/ticker/form/Telegram.tsx
@@ -21,13 +21,15 @@ const Telegram: FC = () => {
       render={({ field, fieldState: { error } }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start" style={{ marginRight: '0px' }}>
-                <FontAwesomeIcon icon={faTelegram} />
-                <span style={{ paddingLeft: '8px' }}>t.me/</span>
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start" style={{ marginRight: '0px' }}>
+                  <FontAwesomeIcon icon={faTelegram} />
+                  <span style={{ paddingLeft: '8px' }}>t.me/</span>
+                </InputAdornment>
+              ),
+            },
           }}
           error={!!error}
           helperText={error?.message ? error.message : null}
diff --git a/src/components/ticker/form/Threads.tsx b/src/components/ticker/form/Threads.tsx
index 42fadc37..e3866945 100644
--- a/src/components/ticker/form/Threads.tsx
+++ b/src/components/ticker/form/Threads.tsx
@@ -21,13 +21,15 @@ const Threads: FC = () => {
       render={({ field, fieldState: { error } }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start" style={{ marginRight: '0px' }}>
-                <FontAwesomeIcon icon={faThreads} />
-                <span style={{ paddingLeft: '8px' }}>threads.net/</span>
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start" style={{ marginRight: '0px' }}>
+                  <FontAwesomeIcon icon={faThreads} />
+                  <span style={{ paddingLeft: '8px' }}>threads.net/</span>
+                </InputAdornment>
+              ),
+            },
           }}
           error={!!error}
           helperText={error?.message ? error.message : null}
diff --git a/src/components/ticker/form/Twitter.tsx b/src/components/ticker/form/Twitter.tsx
index db5a4877..6b1ce5e0 100644
--- a/src/components/ticker/form/Twitter.tsx
+++ b/src/components/ticker/form/Twitter.tsx
@@ -21,13 +21,15 @@ const Twitter: FC = () => {
       render={({ field, fieldState: { error } }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start" style={{ marginRight: '0px' }}>
-                <FontAwesomeIcon icon={faTwitter} />
-                <span style={{ paddingLeft: '8px' }}>twitter.com/</span>
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start" style={{ marginRight: '0px' }}>
+                  <FontAwesomeIcon icon={faTwitter} />
+                  <span style={{ paddingLeft: '8px' }}>twitter.com/</span>
+                </InputAdornment>
+              ),
+            },
           }}
           error={!!error}
           helperText={error?.message ? error.message : null}
diff --git a/src/components/ticker/form/Url.tsx b/src/components/ticker/form/Url.tsx
index 4ed23a74..60b86306 100644
--- a/src/components/ticker/form/Url.tsx
+++ b/src/components/ticker/form/Url.tsx
@@ -21,12 +21,14 @@ const Url: FC = () => {
       render={({ field, fieldState: { error } }) => (
         <TextField
           {...field}
-          InputProps={{
-            startAdornment: (
-              <InputAdornment position="start">
-                <FontAwesomeIcon icon={faComputerMouse} />
-              </InputAdornment>
-            ),
+          slotProps={{
+            input: {
+              startAdornment: (
+                <InputAdornment position="start">
+                  <FontAwesomeIcon icon={faComputerMouse} />
+                </InputAdornment>
+              ),
+            },
           }}
           error={!!error}
           helperText={error?.message ? error.message : null}