diff --git a/apps/phone/src/os/apps/config/apps.tsx b/apps/phone/src/os/apps/config/apps.tsx
index eab6a7799..bc382a5ef 100644
--- a/apps/phone/src/os/apps/config/apps.tsx
+++ b/apps/phone/src/os/apps/config/apps.tsx
@@ -34,7 +34,7 @@ import { SvgIconProps, Theme } from '@mui/material';
import { INotificationIcon } from '@os/notifications/providers/NotificationsProvider';
import { BrowserApp } from '@apps/browser/components/BrowserApp';
import { MatchApp } from '@apps/match/components/MatchApp';
-import LifeInvaderContainer from '@apps/twitter/components/LifeInvaderContainer';
+import LifeInvaderContainer from '@apps/twitter/components/TwitterContainer';
import { IPhoneSettings } from '@typings/settings';
import { i18n } from 'i18next';
import {
diff --git a/apps/phone/src/os/apps/icons/material/app/TWITTER.tsx b/apps/phone/src/os/apps/icons/material/app/TWITTER.tsx
index 60be4f968..9b5f9159e 100644
--- a/apps/phone/src/os/apps/icons/material/app/TWITTER.tsx
+++ b/apps/phone/src/os/apps/icons/material/app/TWITTER.tsx
@@ -1,18 +1,8 @@
import React from 'react';
-import { Twitter } from '@mui/icons-material';
+import { Twitter } from 'lucide-react';
const TwitterIcon: React.FC = () => (
-
+
);
export default TwitterIcon;
diff --git a/apps/phone/src/os/apps/icons/material/svg/TWITTER.tsx b/apps/phone/src/os/apps/icons/material/svg/TWITTER.tsx
index dc911aaa6..b0556b37f 100644
--- a/apps/phone/src/os/apps/icons/material/svg/TWITTER.tsx
+++ b/apps/phone/src/os/apps/icons/material/svg/TWITTER.tsx
@@ -1,18 +1,8 @@
import React from 'react';
-import { Twitter } from '@mui/icons-material';
+import { Twitter } from 'lucide-react';
const TwitterIcon: React.FC = () => (
-
+
)
export default TwitterIcon;
diff --git a/apps/phone/src/ui/components/AppIcon.tsx b/apps/phone/src/ui/components/AppIcon.tsx
index 69ef6c8e5..4fbd5f91a 100644
--- a/apps/phone/src/ui/components/AppIcon.tsx
+++ b/apps/phone/src/ui/components/AppIcon.tsx
@@ -15,7 +15,9 @@ const useStyles = makeStyles(
},
avatar: {
'&:hover': {
- backgroundColor: ({ backgroundColor }) => darken(backgroundColor, 0.1),
+ background: ({ backgroundColor }) => {
+ return `linear-gradient(45deg, ${darken(backgroundColor, 0.25)} 10%, ${backgroundColor} 90%)`;
+ },
},
background: ({ backgroundColor }) => {
return `linear-gradient(45deg, ${darken(backgroundColor, 0.2)} 20%, ${backgroundColor} 90%)`;
@@ -66,7 +68,7 @@ export const AppIcon: React.FC = ({
});
return (
-
);
};
diff --git a/apps/phone/src/ui/components/ContextMenu.tsx b/apps/phone/src/ui/components/ContextMenu.tsx
index bd20ca254..56ce31802 100644
--- a/apps/phone/src/ui/components/ContextMenu.tsx
+++ b/apps/phone/src/ui/components/ContextMenu.tsx
@@ -35,27 +35,30 @@ export const ContextMenu: React.FC = ({
mountOnEnter
unmountOnExit
>
-
+
-
{settingLabel}
-
+
+ {settingLabel}
+
+
-
- {_options.map((option) => (
- {
- option.onClick(e, option);
- onClose();
- }}
- />
- /*
+
+ {_options.map((option) => (
+ {
+ option.onClick(e, option);
+ onClose();
+ }}
+ />
+ /* = ({
{option.icon && {option.icon}}
*/
- ))}
-
+ ))}
+
+
);