Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commiteb9a651

Browse files
chore: replace MUI icons with Lucide icons - 8 (#17778)
1. Replaced CheckOutlined with CheckIcon in: - TemplateVersionStatusBadge.tsx - TemplateEmbedPage.tsx - IntervalMenu.tsx - WeekPicker.tsx - SelectMenu.tsx2. Replaced EditCalendarOutlined with CalendarCogIcon in: - UserSettingsPage/Sidebar.tsx - Sidebar.stories.tsx3. Replaced LockOutlined with LockIcon in: - UserSettingsPage/Sidebar.tsx - TemplateSettingsPage/Sidebar.tsx - Sidebar.stories.tsx4. Replaced Person with UserIcon in: - UserSettingsPage/Sidebar.tsx - Sidebar.stories.tsx5. Replaced VpnKeyOutlined with KeyIcon in: - UserSettingsPage/Sidebar.tsx - Sidebar.stories.tsx6. Replaced FingerprintOutlined with FingerprintIcon in: - UserSettingsPage/Sidebar.tsx - Sidebar.stories.tsx
1 parent02425ee commiteb9a651

File tree

8 files changed

+36
-38
lines changed

8 files changed

+36
-38
lines changed

‎site/src/components/SelectMenu/SelectMenu.tsx

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
importCheckOutlinedfrom"@mui/icons-material/CheckOutlined";
21
importButton,{typeButtonProps}from"@mui/material/Button";
32
importMenuItem,{typeMenuItemProps}from"@mui/material/MenuItem";
43
importMenuList,{typeMenuListProps}from"@mui/material/MenuList";
@@ -12,6 +11,7 @@ import {
1211
PopoverContent,
1312
PopoverTrigger,
1413
}from"components/deprecated/Popover/Popover";
14+
import{CheckIcon}from"lucide-react";
1515
import{
1616
Children,
1717
typeFC,
@@ -145,10 +145,7 @@ export const SelectMenuItem: FC<MenuItemProps> = (props) => {
145145
>
146146
{props.children}
147147
{props.selected&&(
148-
<CheckOutlined
149-
// TODO: Don't set the menu icon font size on default theme
150-
css={{marginLeft:"auto",fontSize:"inherit !important"}}
151-
/>
148+
<CheckIconclassName="size-icon-xs"css={{marginLeft:"auto"}}/>
152149
)}
153150
</MenuItem>
154151
);

‎site/src/components/Sidebar/Sidebar.stories.tsx

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
1-
importScheduleIconfrom"@mui/icons-material/EditCalendarOutlined";
2-
importFingerprintOutlinedIconfrom"@mui/icons-material/FingerprintOutlined";
3-
importSecurityIconfrom"@mui/icons-material/LockOutlined";
4-
importAccountIconfrom"@mui/icons-material/Person";
5-
importVpnKeyOutlinedfrom"@mui/icons-material/VpnKeyOutlined";
61
importtype{Meta,StoryObj}from"@storybook/react";
72
import{Avatar}from"components/Avatar/Avatar";
3+
import{
4+
CalendarCogIcon,
5+
FingerprintIcon,
6+
KeyIcon,
7+
LockIcon,
8+
UserIcon,
9+
}from"lucide-react";
810
import{Sidebar,SidebarHeader,SidebarNavItem}from"./Sidebar";
911

1012
constmeta:Meta<typeofSidebar>={
@@ -24,19 +26,19 @@ export const Default: Story = {
2426
title="Jon"
2527
subtitle="jon@coder.com"
2628
/>
27-
<SidebarNavItemhref="account"icon={AccountIcon}>
29+
<SidebarNavItemhref="account"icon={UserIcon}>
2830
Account
2931
</SidebarNavItem>
30-
<SidebarNavItemhref="schedule"icon={ScheduleIcon}>
32+
<SidebarNavItemhref="schedule"icon={CalendarCogIcon}>
3133
Schedule
3234
</SidebarNavItem>
33-
<SidebarNavItemhref="security"icon={SecurityIcon}>
35+
<SidebarNavItemhref="security"icon={LockIcon}>
3436
Security
3537
</SidebarNavItem>
36-
<SidebarNavItemhref="ssh-keys"icon={FingerprintOutlinedIcon}>
38+
<SidebarNavItemhref="ssh-keys"icon={FingerprintIcon}>
3739
SSH Keys
3840
</SidebarNavItem>
39-
<SidebarNavItemhref="tokens"icon={VpnKeyOutlined}>
41+
<SidebarNavItemhref="tokens"icon={KeyIcon}>
4042
Tokens
4143
</SidebarNavItem>
4244
</Sidebar>

‎site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPage.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
importCheckOutlinedfrom"@mui/icons-material/CheckOutlined";
21
importFileCopyOutlinedfrom"@mui/icons-material/FileCopyOutlined";
32
importButtonfrom"@mui/material/Button";
43
importFormControlLabelfrom"@mui/material/FormControlLabel";
@@ -10,6 +9,7 @@ import { FormSection, VerticalForm } from "components/Form/Form";
109
import{Loader}from"components/Loader/Loader";
1110
import{RichParameterInput}from"components/RichParameterInput/RichParameterInput";
1211
import{useClipboard}from"hooks/useClipboard";
12+
import{CheckIcon}from"lucide-react";
1313
import{useTemplateLayoutContext}from"pages/TemplatePage/TemplateLayout";
1414
import{typeFC,useEffect,useState}from"react";
1515
import{Helmet}from"react-helmet-async";
@@ -187,7 +187,7 @@ export const TemplateEmbedPageView: FC<TemplateEmbedPageViewProps> = ({
187187
css={{borderRadius:999}}
188188
startIcon={
189189
clipboard.showCopiedSuccess ?(
190-
<CheckOutlined/>
190+
<CheckIconclassName="size-icon-sm"/>
191191
) :(
192192
<FileCopyOutlined/>
193193
)

‎site/src/pages/TemplatePage/TemplateInsightsPage/IntervalMenu.tsx

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
importCheckOutlinedfrom"@mui/icons-material/CheckOutlined";
21
importExpandMoreOutlinedfrom"@mui/icons-material/ExpandMoreOutlined";
32
importButtonfrom"@mui/material/Button";
43
importMenufrom"@mui/material/Menu";
54
importMenuItemfrom"@mui/material/MenuItem";
5+
import{CheckIcon}from"lucide-react";
66
import{typeFC,useRef,useState}from"react";
77

88
constinsightsIntervals={
@@ -71,9 +71,7 @@ export const IntervalMenu: FC<IntervalMenuProps> = ({ value, onChange }) => {
7171
>
7272
{label}
7373
<divcss={{width:16,height:16}}>
74-
{value===interval&&(
75-
<CheckOutlinedcss={{width:16,height:16}}/>
76-
)}
74+
{value===interval&&<CheckIconclassName="size-icon-xs"/>}
7775
</div>
7876
</MenuItem>
7977
);

‎site/src/pages/TemplatePage/TemplateInsightsPage/WeekPicker.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
importCheckOutlinedfrom"@mui/icons-material/CheckOutlined";
21
importExpandMoreOutlinedfrom"@mui/icons-material/ExpandMoreOutlined";
32
importButtonfrom"@mui/material/Button";
43
importMenufrom"@mui/material/Menu";
54
importMenuItemfrom"@mui/material/MenuItem";
65
import{differenceInWeeks}from"date-fns";
6+
import{CheckIcon}from"lucide-react";
77
import{typeFC,useRef,useState}from"react";
88
importtype{DateRangeValue}from"./DateRange";
99
import{lastWeeks}from"./utils";
@@ -71,7 +71,7 @@ export const WeekPicker: FC<WeekPickerProps> = ({ value, onChange }) => {
7171
Last{option} weeks
7272
<divcss={{width:16,height:16}}>
7373
{numberOfWeeks===option&&(
74-
<CheckOutlinedcss={{width:16,height:16}}/>
74+
<CheckIconclassName="size-icon-xs"/>
7575
)}
7676
</div>
7777
</MenuItem>

‎site/src/pages/TemplateSettingsPage/Sidebar.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
importVariablesIconfrom"@mui/icons-material/CodeOutlined";
2-
importSecurityIconfrom"@mui/icons-material/LockOutlined";
32
importGeneralIconfrom"@mui/icons-material/SettingsOutlined";
43
importScheduleIconfrom"@mui/icons-material/TimerOutlined";
54
importtype{Template}from"api/typesGenerated";
@@ -9,6 +8,7 @@ import {
98
SidebarHeader,
109
SidebarNavItem,
1110
}from"components/Sidebar/Sidebar";
11+
import{LockIcon}from"lucide-react";
1212
import{linkToTemplate,useLinks}from"modules/navigation";
1313
importtype{FC}from"react";
1414

@@ -35,7 +35,7 @@ export const Sidebar: FC<SidebarProps> = ({ template }) => {
3535
<SidebarNavItemhref=""icon={GeneralIcon}>
3636
General
3737
</SidebarNavItem>
38-
<SidebarNavItemhref="permissions"icon={SecurityIcon}>
38+
<SidebarNavItemhref="permissions"icon={LockIcon}>
3939
Permissions
4040
</SidebarNavItem>
4141
<SidebarNavItemhref="variables"icon={VariablesIcon}>

‎site/src/pages/TemplateVersionEditorPage/TemplateVersionStatusBadge.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
1-
importCheckIconfrom"@mui/icons-material/CheckOutlined";
21
importQueuedIconfrom"@mui/icons-material/HourglassEmpty";
32
importtype{TemplateVersion}from"api/typesGenerated";
43
import{Pill,PillSpinner}from"components/Pill/Pill";
5-
import{CircleAlertIcon}from"lucide-react";
4+
import{CheckIcon,CircleAlertIcon}from"lucide-react";
65
importtype{FC,ReactNode}from"react";
76
importtype{ThemeRole}from"theme/roles";
87
import{getPendingStatusLabel}from"utils/provisionerJob";
@@ -70,7 +69,7 @@ const getStatus = (
7069
return{
7170
type:"success",
7271
text:"Success",
73-
icon:<CheckIcon/>,
72+
icon:<CheckIconclassName="size-icon-sm"/>,
7473
};
7574
}
7675
};

‎site/src/pages/UserSettingsPage/Sidebar.tsx

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,5 @@
11
importAppearanceIconfrom"@mui/icons-material/Brush";
2-
importScheduleIconfrom"@mui/icons-material/EditCalendarOutlined";
3-
importFingerprintOutlinedIconfrom"@mui/icons-material/FingerprintOutlined";
4-
importSecurityIconfrom"@mui/icons-material/LockOutlined";
52
importNotificationsIconfrom"@mui/icons-material/NotificationsNoneOutlined";
6-
importAccountIconfrom"@mui/icons-material/Person";
7-
importVpnKeyOutlinedfrom"@mui/icons-material/VpnKeyOutlined";
83
importtype{User}from"api/typesGenerated";
94
import{Avatar}from"components/Avatar/Avatar";
105
import{GitIcon}from"components/Icons/GitIcon";
@@ -13,6 +8,13 @@ import {
138
SidebarHeader,
149
SidebarNavItem,
1510
}from"components/Sidebar/Sidebar";
11+
import{
12+
CalendarCogIcon,
13+
FingerprintIcon,
14+
KeyIcon,
15+
LockIcon,
16+
UserIcon,
17+
}from"lucide-react";
1618
import{useDashboard}from"modules/dashboard/useDashboard";
1719
importtype{FC}from"react";
1820

@@ -32,7 +34,7 @@ export const Sidebar: FC<SidebarProps> = ({ user }) => {
3234
title={user.username}
3335
subtitle={user.email}
3436
/>
35-
<SidebarNavItemhref="account"icon={AccountIcon}>
37+
<SidebarNavItemhref="account"icon={UserIcon}>
3638
Account
3739
</SidebarNavItem>
3840
<SidebarNavItemhref="appearance"icon={AppearanceIcon}>
@@ -42,17 +44,17 @@ export const Sidebar: FC<SidebarProps> = ({ user }) => {
4244
External Authentication
4345
</SidebarNavItem>
4446
{showSchedulePage&&(
45-
<SidebarNavItemhref="schedule"icon={ScheduleIcon}>
47+
<SidebarNavItemhref="schedule"icon={CalendarCogIcon}>
4648
Schedule
4749
</SidebarNavItem>
4850
)}
49-
<SidebarNavItemhref="security"icon={SecurityIcon}>
51+
<SidebarNavItemhref="security"icon={LockIcon}>
5052
Security
5153
</SidebarNavItem>
52-
<SidebarNavItemhref="ssh-keys"icon={FingerprintOutlinedIcon}>
54+
<SidebarNavItemhref="ssh-keys"icon={FingerprintIcon}>
5355
SSH Keys
5456
</SidebarNavItem>
55-
<SidebarNavItemhref="tokens"icon={VpnKeyOutlined}>
57+
<SidebarNavItemhref="tokens"icon={KeyIcon}>
5658
Tokens
5759
</SidebarNavItem>
5860
<SidebarNavItemhref="notifications"icon={NotificationsIcon}>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp