random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-12-19 00:41:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added infobox to advanced settings (#2231)

Browse Source 
* Added infobox to advanced settings

* Update tooltip message and test snap
This commit is contained in:
sunghyunkang1111
2025-10-21 13:49:52 -05:00
committed by GitHub
parent 2996120235
commit d0d615a85a
2 changed files with 67 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/Explorer/Panes/SettingsPane/SettingsPane.tsx
View File

@@ -13,6 +13,7 @@ import {
IToggleStyles, IToggleStyles,
Position, Position,
SpinButton, SpinButton,
Stack,
Toggle, Toggle,
} from "@fluentui/react"; } from "@fluentui/react";
import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, makeStyles } from "@fluentui/react-components"; import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, makeStyles } from "@fluentui/react-components";
@@ -1163,14 +1164,20 @@ export const SettingsPane: FunctionComponent<{ explorer: Explorer }> = ({
</AccordionHeader> </AccordionHeader>
<AccordionPanel> <AccordionPanel>
<div className={styles.settingsSectionContainer}> <div className={styles.settingsSectionContainer}>
<Checkbox <Stack horizontal verticalAlign="center" tokens={{ childrenGap: 4 }}>
styles={{ label: { padding: 0 } }} <Checkbox
className="padding" styles={{ label: { padding: 0 } }}
ariaLabel="Ignore partition key on document update" className="padding"
checked={ignorePartitionKeyOnDocumentUpdate} ariaLabel="Ignore partition key on document update"
onChange={handleOnIgnorePartitionKeyOnDocumentUpdateChange} checked={ignorePartitionKeyOnDocumentUpdate}
label="Ignore partition key on document update" onChange={handleOnIgnorePartitionKeyOnDocumentUpdateChange}
/> label="Ignore partition key on document update"
/>
<InfoTooltip className={styles.headerIcon}>
If checked, the partition key value will not be used to locate the document during update
operations. Only use this if document updates are failing due to an abnormal partition key.
</InfoTooltip>
</Stack>
</div> </div>
</AccordionPanel> </AccordionPanel>
</AccordionItem> </AccordionItem>

74
src/Explorer/Panes/SettingsPane/__snapshots__/SettingsPane.test.tsx.snap
View File

@@ -589,20 +589,35 @@ exports[`Settings Pane should render Default properly 1`] = `
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1dfa554_0000000 fo7qwa0"
> >
<StyledCheckboxBase <Stack
ariaLabel="Ignore partition key on document update" horizontal={true}
checked={false} tokens={
className="padding"
label="Ignore partition key on document update"
onChange={[Function]}
styles={
{ {
"label": { "childrenGap": 4,
"padding": 0,
},
} }
} }
/> verticalAlign="center"
>
<StyledCheckboxBase
ariaLabel="Ignore partition key on document update"
checked={false}
className="padding"
label="Ignore partition key on document update"
onChange={[Function]}
styles={
{
"label": {
"padding": 0,
},
}
}
/>
<InfoTooltip
className="___vtc5hy0_0000000 f10ra9hq f1k6fduh"
>
If checked, the partition key value will not be used to locate the document during update operations. Only use this if document updates are failing due to an abnormal partition key.
</InfoTooltip>
</Stack>
</div> </div>
</AccordionPanel> </AccordionPanel>
</AccordionItem> </AccordionItem>
@@ -883,20 +898,35 @@ exports[`Settings Pane should render Gremlin properly 1`] = `
<div <div
className="___1dfa554_0000000 fo7qwa0" className="___1dfa554_0000000 fo7qwa0"
> >
<StyledCheckboxBase <Stack
ariaLabel="Ignore partition key on document update" horizontal={true}
checked={false} tokens={
className="padding"
label="Ignore partition key on document update"
onChange={[Function]}
styles={
{ {
"label": { "childrenGap": 4,
"padding": 0,
},
} }
} }
/> verticalAlign="center"
>
<StyledCheckboxBase
ariaLabel="Ignore partition key on document update"
checked={false}
className="padding"
label="Ignore partition key on document update"
onChange={[Function]}
styles={
{
"label": {
"padding": 0,
},
}
}
/>
<InfoTooltip
className="___vtc5hy0_0000000 f10ra9hq f1k6fduh"
>
If checked, the partition key value will not be used to locate the document during update operations. Only use this if document updates are failing due to an abnormal partition key.
</InfoTooltip>
</Stack>
</div> </div>
</AccordionPanel> </AccordionPanel>
</AccordionItem> </AccordionItem>