Replace Twitter icon

components/sesyon/login-provider.js

@@ -2,12 +2,9 @@ import PropTypes from 'prop-types'
 import Link from 'next/link'
 import Image from 'next/image'
 import {signIn} from 'next-auth/react'
-import {useTheme} from '@mui/material/styles'
 import Button from '@mui/material/Button'
 
 export default function LoginProvider({id, title, width, height, callbackUrl}) {
-  const theme = useTheme()
-
   const hanleClick = event => {
     event.preventDefault()
     signIn(id, {
@@ -22,7 +19,7 @@ export default function LoginProvider({id, title, width, height, callbackUrl}) {
           width={width}
           height={height}
           alt={title}
-          src={`/images/${id === 'github' ? `${id}-${theme.palette.mode}` : id}.svg`}
+          src={`/images/${id === 'twitter' ? 'x' : id}.svg`}
         />
       } onClick={hanleClick}
       >

lib/icons/x.js

@@ -0,0 +1,8 @@
+import {SvgIcon} from '@mui/material'
+
+export default function XIcon(props) {
+  return (
+    <SvgIcon {...props}>
+      <path d='M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z' />    </SvgIcon>
+  )
+}

lib/rezo-lis.js

@@ -1,9 +1,9 @@
-import TwitterIcon from '@mui/icons-material/Twitter'
 import YouTubeIcon from '@mui/icons-material/YouTube'
 import TelegramIcon from '@mui/icons-material/Telegram'
 
 import PeertubeIcon from './icons/peertube'
 import XmppIcon from './icons/xmpp'
+import XIcon from './icons/x'
 
 const xmppContact = process.env.NEXT_PUBLIC_XMPP || 'organisationka@movim.eu'
 const gadeUsername = process.env.NEXT_PUBLIC_GADE_USERNAME || 'oki'
@@ -35,7 +35,7 @@ export const rezoLis = [
   {
     tit: 'Twitter',
     lyen: `https://twitter.com/${tiwtterUsername}`,
-    icon: <TwitterIcon />
+    icon: <XIcon />
   }
 ]
 

public/images/twitter.svg

@@ -1,51 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 24.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   version="1.1"
-   id="Logo"
-   x="0px"
-   y="0px"
-   viewBox="0 0 15.999971 13.001"
-   xml:space="preserve"
-   sodipodi:docname="twitter.svg"
-   width="15.999971"
-   height="13.001"
-   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs9" /><sodipodi:namedview
-   id="namedview7"
-   pagecolor="#505050"
-   bordercolor="#eeeeee"
-   borderopacity="1"
-   inkscape:showpageshadow="0"
-   inkscape:pageopacity="0"
-   inkscape:pagecheckerboard="0"
-   inkscape:deskcolor="#505050"
-   showgrid="false"
-   inkscape:zoom="4.3039216"
-   inkscape:cx="-52.974943"
-   inkscape:cy="7.2027334"
-   inkscape:window-width="1920"
-   inkscape:window-height="1007"
-   inkscape:window-x="0"
-   inkscape:window-y="0"
-   inkscape:window-maximized="1"
-   inkscape:current-layer="Logo" />
-<style
-   type="text/css"
-   id="style2">
-	.st0{fill:#1D9BF0;}
-</style>
-<g
-   id="Logo_1_"
-   transform="matrix(0.0650009,0,0,0.0650009,-0.0650009,-0.09733076)">
-	<path
-   id="white_background"
-   class="st0"
-   d="m 221.95,51.29 c 0.15,2.17 0.15,4.34 0.15,6.53 0,66.73 -50.8,143.69 -143.69,143.69 v -0.04 C 50.97,201.51 24.1,193.65 1,178.83 c 3.99,0.48 8,0.72 12.02,0.73 22.74,0.02 44.83,-7.61 62.72,-21.66 -21.61,-0.41 -40.56,-14.5 -47.18,-35.07 7.57,1.46 15.37,1.16 22.8,-0.87 C 27.8,117.2 10.85,96.5 10.85,72.46 c 0,-0.22 0,-0.43 0,-0.64 7.02,3.91 14.88,6.08 22.92,6.32 C 11.58,63.31 4.74,33.79 18.14,10.71 c 25.64,31.55 63.47,50.73 104.08,52.76 -4.07,-17.54 1.49,-35.92 14.61,-48.25 20.34,-19.12 52.33,-18.14 71.45,2.19 11.31,-2.23 22.15,-6.38 32.07,-12.26 -3.77,11.69 -11.66,21.62 -22.2,27.93 10.01,-1.18 19.79,-3.86 29,-7.95 -6.78,10.16 -15.32,19.01 -25.2,26.16 z" />
-</g>
-</svg>

public/images/x.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 0.219 2.882 l 34.748 46.461 L 0 87.118 h 7.87 l 30.614 -33.073 l 24.735 33.073 H 90 L 53.297 38.043 L 85.844 2.882 h -7.87 L 49.781 33.341 L 27.001 2.882 H 0.219 z M 11.793 8.679 h 12.303 L 78.425 81.32 H 66.122 L 11.793 8.679 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(29,155,240); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>