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

Commit40d7418

Browse files
committed
chore: replace remaining MUI buttons
1 parent057d7da commit40d7418

File tree

22 files changed

+123
-320
lines changed

22 files changed

+123
-320
lines changed

‎site/src/@types/mui.d.ts‎

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -13,16 +13,6 @@ declare module "@mui/material/styles" {
1313
}
1414
}
1515

16-
declare module"@mui/material/Button"{
17-
interfaceButtonPropsColorOverrides{
18-
neutral:true;
19-
}
20-
21-
interfaceButtonPropsSizeOverrides{
22-
xlarge:true;
23-
}
24-
}
25-
2616
declare module"@mui/material/Checkbox"{
2717
interfaceCheckboxPropsSizeOverrides{
2818
xsmall:true;

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
importButtonfrom"@mui/material/Button";
21
importTextFieldfrom"@mui/material/TextField";
32
importtype{Meta,StoryObj}from"@storybook/react-vite";
3+
import{Button}from"components/Button/Button";
44
import{InputGroup}from"./InputGroup";
55

66
constmeta:Meta<typeofInputGroup>={
@@ -70,7 +70,7 @@ export const WithThreeElements: Story = {
7070
args:{
7171
children:(
7272
<>
73-
<Button>Menu</Button>
73+
<Buttonvariant="outline">Menu</Button>
7474
<TextFieldsize="small"placeholder="Search..."/>
7575
<Button>Submit</Button>
7676
</>

‎site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import{css,typeInterpolation,typeTheme,useTheme}from"@emotion/react";
2-
importButtonfrom"@mui/material/Button";
32
importLinkfrom"@mui/material/Link";
43
importTooltipfrom"@mui/material/Tooltip";
54
importtype{
65
DeploymentStats,
76
HealthcheckReport,
87
WorkspaceStatus,
98
}from"api/typesGenerated";
9+
import{Button}from"components/Button/Button";
1010
import{HelpTooltipTitle}from"components/HelpTooltip/HelpTooltip";
1111
import{JetBrainsIcon}from"components/Icons/JetBrainsIcon";
1212
import{RocketIcon}from"components/Icons/RocketIcon";
@@ -323,9 +323,9 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
323323
fetchStats();
324324
}
325325
}}
326-
variant="text"
326+
variant="subtle"
327327
>
328-
<RotateCwIconclassName="size-icon-xs"/>
328+
<RotateCwIcon/>
329329
{timeUntilRefresh}s
330330
</Button>
331331
</Tooltip>

‎site/src/modules/resources/Resources.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
importButtonfrom"@mui/material/Button";
21
importtype{WorkspaceAgent,WorkspaceResource}from"api/typesGenerated";
2+
import{Button}from"components/Button/Button";
33
import{DropdownArrow}from"components/DropdownArrow/DropdownArrow";
44
import{Stack}from"components/Stack/Stack";
55
import{typeFC,typeJSX,useState}from"react";
@@ -37,8 +37,9 @@ export const Resources: FC<ResourcesProps> = ({ resources, agentRow }) => {
3737
{hasHideResources&&(
3838
<divclassName="flex items-center justify-center mt-4">
3939
<Button
40+
variant="outline"
4041
className="rounded-full w-full max-w-[260px]"
41-
size="small"
42+
size="sm"
4243
onClick={()=>setShouldDisplayHideResources((v)=>!v)}
4344
>
4445
{shouldDisplayHideResources ?"Hide" :"Show hidden"} resources

‎site/src/modules/workspaces/WorkspaceMoreActions/UpdateBuildParametersDialog.tsx‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import{css}from"@emotion/css";
22
importtype{Interpolation,Theme}from"@emotion/react";
3-
importButtonfrom"@mui/material/Button";
43
importDialogfrom"@mui/material/Dialog";
54
importDialogActionsfrom"@mui/material/DialogActions";
65
importDialogContentfrom"@mui/material/DialogContent";
@@ -10,6 +9,7 @@ import type {
109
TemplateVersionParameter,
1110
WorkspaceBuildParameter,
1211
}from"api/typesGenerated";
12+
import{Button}from"components/Button/Button";
1313
importtype{DialogProps}from"components/Dialogs/Dialog";
1414
import{FormFields,VerticalForm}from"components/Form/Form";
1515
import{RichParameterInput}from"components/RichParameterInput/RichParameterInput";
@@ -97,10 +97,15 @@ export const UpdateBuildParametersDialog: FC<
9797
</VerticalForm>
9898
</DialogContent>
9999
<DialogActionsdisableSpacingcss={styles.dialogActions}>
100-
<ButtonfullWidthtype="button"onClick={dialogProps.onClose}>
100+
<Button
101+
variant="outline"
102+
className="w-full"
103+
type="button"
104+
onClick={dialogProps.onClose}
105+
>
101106
Cancel
102107
</Button>
103-
<Buttoncolor="primary"fullWidthtype="submit"form="updateParameters">
108+
<ButtonclassName="w-full"type="submit"form="updateParameters">
104109
Update parameters
105110
</Button>
106111
</DialogActions>

‎site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importButtonfrom"@mui/material/Button";
32
importCollapsefrom"@mui/material/Collapse";
43
importSkeletonfrom"@mui/material/Skeleton";
54
importtype{
65
AgentConnectionTiming,
76
AgentScriptTiming,
87
ProvisionerTiming,
98
}from"api/typesGenerated";
9+
import{Button}from"components/Button/Button";
1010
importsortByfrom"lodash/sortBy";
1111
importuniqByfrom"lodash/uniqBy";
1212
import{ChevronDownIcon,ChevronUpIcon}from"lucide-react";
@@ -96,7 +96,7 @@ export const WorkspaceTimings: FC<WorkspaceTimingsProps> = ({
9696
<divcss={styles.collapse}>
9797
<Button
9898
disabled={isLoading}
99-
variant="text"
99+
variant="subtle"
100100
css={styles.collapseTrigger}
101101
onClick={()=>setIsOpen((o)=>!o)}
102102
>

‎site/src/pages/CreateTemplatePage/BuildLogsDrawer.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importButtonfrom"@mui/material/Button";
32
importDrawerfrom"@mui/material/Drawer";
43
importIconButtonfrom"@mui/material/IconButton";
54
import{visuallyHidden}from"@mui/utils";
65
import{JobError}from"api/queries/templates";
76
importtype{TemplateVersion}from"api/typesGenerated";
7+
import{Button}from"components/Button/Button";
88
import{Loader}from"components/Loader/Loader";
99
import{TriangleAlertIcon,XIcon}from"lucide-react";
1010
import{AlertVariant}from"modules/provisioners/ProvisionerAlert";
@@ -103,8 +103,8 @@ const MissingVariablesBanner: FC<MissingVariablesBannerProps> = ({
103103
</p>
104104
<Button
105105
css={bannerStyles.button}
106-
size="small"
107-
variant="outlined"
106+
size="sm"
107+
variant="outline"
108108
onClick={onFillVariables}
109109
>
110110
Fill variables

‎site/src/pages/DeploymentSettingsPage/LicensesSettingsPage/LicenseCard.tsx‎

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
importtype{CSSObject,Interpolation,Theme}from"@emotion/react";
2-
importButtonfrom"@mui/material/Button";
32
importPaperfrom"@mui/material/Paper";
43
importtype{GetLicensesResponse}from"api/api";
4+
import{Button}from"components/Button/Button";
55
import{ConfirmDialog}from"components/Dialogs/ConfirmDialog/ConfirmDialog";
66
import{Pill}from"components/Pill/Pill";
77
import{Stack}from"components/Stack/Stack";
@@ -106,9 +106,8 @@ export const LicenseCard: FC<LicenseCardProps> = ({
106106
</Stack>
107107
<Stackspacing={2}>
108108
<Button
109-
css={styles.removeButton}
110-
variant="contained"
111-
size="small"
109+
variant="destructive"
110+
size="sm"
112111
onClick={()=>setLicenseIDMarkedForRemoval(license.id)}
113112
className="remove-button"
114113
>
@@ -150,10 +149,4 @@ const styles = {
150149
secondaryMaincolor:(theme)=>({
151150
color:theme.palette.text.secondary,
152151
}),
153-
removeButton:(theme)=>({
154-
color:theme.palette.error.main,
155-
"&:hover":{
156-
backgroundColor:"transparent",
157-
},
158-
}),
159152
}satisfiesRecord<string,Interpolation<Theme>>;

‎site/src/pages/DeploymentSettingsPage/LicensesSettingsPage/LicensesSettingsPageView.tsx‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import{typeInterpolation,typeTheme,useTheme}from"@emotion/react";
2-
importMuiButtonfrom"@mui/material/Button";
32
importMuiLinkfrom"@mui/material/Link";
43
importSkeletonfrom"@mui/material/Skeleton";
54
importTooltipfrom"@mui/material/Tooltip";
@@ -75,13 +74,12 @@ const LicensesSettingsPageView: FC<Props> = ({
7574
</SettingsHeader>
7675

7776
<Stackdirection="row"spacing={2}>
78-
<MuiButton
79-
component={Link}
80-
to="/deployment/licenses/add"
81-
startIcon={<PlusIconclassName="size-icon-sm"/>}
82-
>
83-
Add a license
84-
</MuiButton>
77+
<Buttonvariant="outline"asChild>
78+
<Linkto="/deployment/licenses/add">
79+
<PlusIcon/>
80+
Add a license
81+
</Link>
82+
</Button>
8583
<Tooltiptitle="Refresh license entitlements. This is done automatically every 10 minutes.">
8684
<Button
8785
disabled={isRefreshing}

‎site/src/pages/DeploymentSettingsPage/NotificationsPage/NotificationEvents.tsx‎

Lines changed: 17 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importButtonfrom"@mui/material/Button";
32
importCardfrom"@mui/material/Card";
43
importDividerfrom"@mui/material/Divider";
54
importListfrom"@mui/material/List";
@@ -15,6 +14,7 @@ import {
1514
}from"api/queries/notifications";
1615
importtype{DeploymentValues}from"api/typesGenerated";
1716
import{Alert}from"components/Alert/Alert";
17+
import{Button}from"components/Button/Button";
1818
import{displayError,displaySuccess}from"components/GlobalSnackbar/utils";
1919
import{Stack}from"components/Stack/Stack";
2020
import{
@@ -66,15 +66,14 @@ export const NotificationEvents: FC<NotificationEventsProps> = ({
6666
<Alert
6767
severity="warning"
6868
actions={
69-
<Button
70-
variant="text"
71-
size="small"
72-
component="a"
73-
target="_blank"
74-
rel="noreferrer"
75-
href={docs("/admin/monitoring/notifications#webhook")}
76-
>
77-
Read the docs
69+
<Buttonvariant="subtle"size="sm"asChild>
70+
<a
71+
target="_blank"
72+
rel="noreferrer"
73+
href={docs("/admin/monitoring/notifications#webhook")}
74+
>
75+
Read the docs
76+
</a>
7877
</Button>
7978
}
8079
>
@@ -86,15 +85,14 @@ export const NotificationEvents: FC<NotificationEventsProps> = ({
8685
<Alert
8786
severity="warning"
8887
actions={
89-
<Button
90-
variant="text"
91-
size="small"
92-
component="a"
93-
target="_blank"
94-
rel="noreferrer"
95-
href={docs("/admin/monitoring/notifications#smtp-email")}
96-
>
97-
Read the docs
88+
<Buttonvariant="subtle"size="sm"asChild>
89+
<a
90+
target="_blank"
91+
rel="noreferrer"
92+
href={docs("/admin/monitoring/notifications#smtp-email")}
93+
>
94+
Read the docs
95+
</a>
9896
</Button>
9997
}
10098
>

0 commit comments

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