Merge pull request #710 from systemli/Fix-Deprecations

🔧 Fix Deprecations
systemli · Feb 1, 2025 · 93c1228 · 93c1228
2 parents 6514474 + 824b8e1
commit 93c1228
Show file tree

Hide file tree

Showing 10 changed files with 85 additions and 65 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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}