Skip to content

Commit de03de1

Browse files
Fix image zoom bug, remove Figure component (#9242)
1 parent e689e2e commit de03de1

20 files changed

+65
-232
lines changed

website/docs/how-to/how-to-add-sso-azure-saml.mdx

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,6 @@ title: How to add SSO with SAML 2.0 and Microsoft Entra ID
33
description: 'Configure Microsoft Entra ID SSO with SAML 2.0 for your Unleash instance.'
44
---
55

6-
import Figure from '@site/src/components/Figure/Figure.tsx'
7-
86
:::note Availability
97

108
**Plan**: [Enterprise](https://www.getunleash.io/pricing)
@@ -49,8 +47,7 @@ To configure attributes and claims for the new application, do the following:
4947

5048
To populate the first and last names of users in Unleash, configure two additional claims with attributes `user.givenname` and `user.surname` with no namespace.
5149

52-
<Figure caption="Edit the SAML configuration in Microsoft Entra admin center." img="/img/microsoft-entra-claims.png" />
53-
50+
![SAML configuration in Microsoft Entra admin center](/img/microsoft-entra-claims.png)
5451

5552
### Save SAML certificate, identifier, and login URL
5653

@@ -62,7 +59,7 @@ Save the following information from the single sign-on settings of your applicat
6259
#### SAML certificate
6360
To save the SAML certificate, go to the single sign-on settings of your application. In **SAML Certificates > Federation Metadata XML**, click **Download**. Open the file and copy the contents between the `X509Certificate` tag.
6461

65-
<Figure caption="Save the X509 Certificate from the SAML certificate XML file. The example has been redacted." img="/img/x509cert.png" />
62+
![X509 Certificate from the SAML certificate XML file](/img/x509cert.png)
6663

6764
#### Login URL
6865
To find your login URL, go to the single sign-on settings of your application. In the **Set up `<your-application-name>`** section, copy and save **Login URL**. For example: `https://login.microsoftonline.com/<your_identifier>/saml2`.
@@ -83,7 +80,7 @@ To finalize the configuration, do the following:
8380
5. Optional: To automatically create users for first-time sign-ins, select **Auto-create users**. Select a default root role new users should have, and configure the list of valid email domains.
8481
6. Click **Save**.
8582

86-
<Figure caption="Configure SAML 2.0 in Unleash." img="/img/saml2.0.png" />
83+
![Configure SAML 2.0 in Unleash](/img/saml2.0.png)
8784

8885
## Test your configuration
8986

website/docs/how-to/how-to-environment-import-export.mdx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ title: Environment Import & Export
44

55

66
import VideoContent from '@site/src/components/VideoContent.jsx'
7-
import Figure from '@site/src/components/Figure/Figure.tsx'
87

98
:::note Availability
109

@@ -47,7 +46,7 @@ Importantly, while references to [segments](/reference/segments) are exported, t
4746

4847
You can export features either from a project search or the global feature search. Use the search functionality to narrow the results to the list of features you want to export and use the export button to select environment. All features included in your search results will be included in the export.
4948

50-
<Figure caption='Feature flag lists can be filtered using the search bar. Once filtered, you can use the "export current selection" button to export the configuration for those features.' img="/img/export.png"/>
49+
![Feature flag lists can be filtered using the search bar](/img/export.png)
5150

5251
## Import
5352

website/docs/reference/applications.mdx

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,6 @@ title: Applications
33
pagination_next: reference/service-accounts
44
---
55

6-
import Figure from '@site/src/components/Figure/Figure.tsx'
7-
86
:::note Availability
97

108
**Version**: `5.11+`
@@ -28,16 +26,16 @@ For detected issues, there are three different possible issues:
2826

2927
The application is also illustrated as a diagram, showing the application node, where the environment count and feature flag count are displayed. Under the application, it is possible to see which environments the application is using. Under each environment, data about the application is shown, including how many instances are connected, which SDKs the application is using, and when the application was last seen in that environment.
3028

31-
<Figure caption="The application overview currently shows that 1 SDK is outdated, and the application, auth-app, has 2 environments in use: development and production." img="/img/application-overview.png"/>
29+
![Application overview](/img/application-overview.png)
3230

3331
## Connected instances
3432

3533
Connected instances display a list of instances that the application has in a selected environment. It shows the instance name, SDK version, last seen, and the IP address from which the instance connected.
3634

37-
<Figure caption="Connected instances currently show that in the development environment, there is one connected instance that was last seen 19 hours ago." img="/img/application-connected-instances.png"/>
35+
![Connected instances](/img/application-connected-instances.png)
3836

3937
## Project applications
4038

4139
In the project view, there is a tab named "Applications." In this view, it is possible to see all the applications that are consuming the project's features. The applications are displayed in a list, showing the application name, environments the application is consuming in the current project, instances, and SDKs.
4240

43-
<Figure caption="Currently, there is one application connected named auth-app, with 2 environments and 28 instances." img="/img/project-applications.png"/>
41+
![Project applications](/img/project-applications.png)

website/docs/reference/insights.mdx

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@
22
title: Insights
33
---
44

5-
import Figure from '@site/src/components/Figure/Figure.tsx'
6-
75
:::note Availability
86

97
**Plan**: [Pro](/availability#plans) and [Enterprise](https://www.getunleash.io/pricing) | **Version**: `6.0+`
@@ -27,34 +25,34 @@ In total, there are 6 different charts available that show information over time
2725

2826
The Total users chart provides information about the total number of current users in your Unleash instance. This chart helps you understand how the user base is growing or changing over time. Additionally, it shows the number of users in selected projects and how the user distribution varies among them.
2927

30-
<Figure img="/img/insights-total-users.png" caption="Total users chart showing the growth of users over time."/>
28+
![Total users chart](/img/insights-total-users.png)
3129

3230
### Flags
3331

3432
The flags chart displays the total number of active (not archived) feature flags across all projects. It provides insights into how the number of flags has changed over time, helping you track the growth and usage of feature flags. You can also view the data for specific projects.
3533

36-
<Figure img="/img/insights-total-flags.png" caption="Total flags chart illustrating the active feature flags and their trends over time."/>
34+
![Flags chart](/img/insights-total-flags.png)
3735

3836
### Health
3937

4038
The health chart represents the percentage of flags in the selected projects that are not stale or potentially stale. This chart helps you monitor the overall health of your feature flags, ensuring that they are actively maintained and relevant. The chart also shows how the overall health changes over time, allowing you to identify potential issues early and take corrective actions.
4139

42-
<Figure img="/img/insights-health.png" caption="Health chart displaying the percentage of non-stale flags and their changes over time."/>
40+
![Health chart](/img/insights-health.png)
4341

4442
### Median time to production
4543

4644
The median time to production chart measures the average time from when a feature flag is created until it is enabled in a "production" type environment. This metric is calculated only for feature flags of the type "release" and is the median across the selected projects. Understanding this metric helps in assessing the efficiency of your development and deployment processes. It also highlights areas where you can improve to reduce time to market for new features.
4745

48-
<Figure img="/img/insights-production.png" caption="Median time to production chart showing the average time taken for feature flags to go live."/>
46+
![Time to production chart](/img/insights-production.png)
4947

5048
### Flag evaluation metrics
5149

5250
The flag evaluation metrics chart provides a summary of all flag evaluations reported by SDKs across all projects. This chart helps you understand how often feature flags are being evaluated and used within your applications. It can indicate the performance impact and the effectiveness of your feature flag implementations. By analyzing these metrics per project, you can gain deeper insights into the usage patterns and optimize accordingly.
5351

54-
<Figure img="/img/insights-evaluation.png" caption="Flag evaluation metrics chart summarizing the evaluations and usage patterns of feature flags."/>
52+
![Flag evaluation metrics chart](/img/insights-evaluation.png)
5553

5654
### Updates per environment type
5755

5856
The updates per environment type chart summarizes all feature configuration updates per environment type. This chart is crucial for understanding how configuration changes propagate across different environments, such as development, testing, and production. It helps in tracking the frequency and impact of updates, ensuring that changes are consistently and safely deployed. Monitoring updates per environment type can also help identify potential bottlenecks or issues in the deployment pipeline.
5957

60-
<Figure img="/img/insights-updates.png" caption="Updates per environment type chart showing the summary of configuration updates across different environments."/>
58+
![Updates per environment type chart](/img/insights-updates.png)

website/docs/reference/integrations/jira-cloud-plugin-installation.mdx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
---
22
title: Jira Cloud Integration - Installation
33
---
4-
import Figure from '@site/src/components/Figure/Figure.tsx'
54

65
:::note Availability
76

website/docs/reference/integrations/jira-cloud-plugin-usage.mdx

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@
22
title: Jira Cloud Integration - Usage
33
---
44

5-
import Figure from '@site/src/components/Figure/Figure.tsx'
6-
75
With the Unleash Jira Cloud Plugin you can create, view and manage Unleash feature flags directly from a Jira issue.
86

97
The plugin also shows you current status of connected flags.
@@ -12,11 +10,11 @@ The plugin also shows you current status of connected flags.
1210

1311
To use the plugin, you'll need to create an issue or use an existing one. Once the issue is saved and you open up the issue panel, you'll be greeted with a button to activate the Unleash plugin for that issue.
1412

15-
<Figure caption="The Unleash Feature Flags button gets added to the top-level actions of new issues. Use that button to activate the Unleash plugin for that issue." img="/img/jira-cloud-activate-unleash-panel-button.png" />
13+
![Activating the Unleash plugin](/img/jira-cloud-activate-unleash-panel-button.png)
1614

1715
### Connecting a flag to an issue
1816

19-
<Figure caption="Once active, the Unleash plugin adds a button labeled 'connect toggle' to the issue." img="/img/jira-cloud-issue-button.png" />
17+
![Connecting a feature flag using the Unleash plugin](/img/jira-cloud-issue-button.png)
2018

2119

2220
Use the issue's "connect toggle" button to open a dialog.
@@ -30,17 +28,17 @@ There are a few steps to connect a flag:
3028

3129
2. Use the "create new toggle" option to choose whether you want to add an existing flag or create a new one.
3230

33-
<Figure caption="When you add an existing flag, use the flag name select list to choose from existing flags in the selected Unleash project." img="/img/jira-cloud-add-existing-toggle.png" />
31+
![Adding an existing flag using the Unleash plugin](/img/jira-cloud-add-existing-toggle.png)
3432

35-
<Figure caption="When you add a new flag, you must give it a name and can choose to give it a description." img="/img/jira-cloud-add-new-toggle.png" />
33+
![Creating a new flag using the Unleash plugin](/img/jira-cloud-add-new-toggle.png)
3634

3735
### Flag status as part of Issue view
3836

3937
Once you've connected at least one flag to an issue, the Unleash plugin will list the current status of each environment for
4038
that flag. If the current user is allowed to edit the issue, they can also enable or disable environments directly
4139
from Jira.
4240

43-
<Figure caption="A Jira Cloud issue with a connected flag. The Unleash feature flags section now shows the connected flags along with the flag's environments. There are controls to enable or disable the flag in the development and production environments" img="/img/jira-cloud-toggle-status.png" />
41+
![Example of a Jira Cloud issue with a connected flag](/img/jira-cloud-toggle-status.png)
4442

4543
### Change Requests
4644

@@ -51,7 +49,7 @@ If you already have an active change request for that project and that environme
5149

5250
If you confirm that you would like to open a change request, then the plugin will create one for you and present a confirmation dialog.
5351

54-
<Figure caption="A dialog appears when the plugin creates a change request for you. The dialog contains a link directly to the newly created change request." img="/img/jira-cloud-change-request-confirmation.png" />
52+
![Creating a change request using the Unleash plugin](/img/jira-cloud-change-request-confirmation.png)
5553

5654
When the Change Request has been reviewed and applied in Unleash, the flag will show the requested state after the next refresh
5755
of the issue and flag status page.

website/docs/reference/integrations/slack-app.mdx

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@
22
title: Slack App
33
---
44

5-
import Figure from '@site/src/components/Figure/Figure.tsx'
6-
75
:::note Availability
86

97
**Version**: `5.5+`
@@ -97,4 +95,4 @@ Besides the configured channels, you can choose to notify other channels by tagg
9795

9896
To exclusively use tags for determining notification channels, you can leave the "channels" field blank in the integration configuration. Since you can have multiple configurations for the integration, you're free to mix and match settings to meet your precise needs. Before posting a message, all channels for that event, both configured and tagged, are combined and duplicates are removed.
9997

100-
<Figure caption="We have defined two Slack tags for the &quot;new-payment-system&quot; flag. In this example Unleash will post updates to the #notifications and #random channels, along with any channels defined in the integration configuration." img="/img/slack-addon-tags.png"/>
98+
![Example of Slack-specific tags](/img/slack-addon-tags.png)

website/docs/reference/network-view.mdx

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@
22
title: Network View
33
---
44

5-
import Figure from '@site/src/components/Figure/Figure.tsx'
6-
75
:::note Availability
86

97
**Plan**: [Pro](/availability#plans) and [Enterprise](https://www.getunleash.io/pricing) | **Version**: `4.21+`
@@ -38,7 +36,7 @@ Each application shown on the diagram has:
3836
- An application name
3937
- the average number of requests per second (_req/s_) that we have registered over the last five minutes.
4038

41-
<Figure caption="The network overview shows applications that have recently made requests to Unleash. In this figure, it's showing three different instances of the Unleash proxy connected to Unleash. Each instance has an average of 20 req/s." img="/img/network-overview.png"/>
39+
![Network overview chart](/img/network-overview.png)
4240

4341
## Network traffic
4442

@@ -50,7 +48,7 @@ Unleash aggregates requests by **client** (using application name) and **base UR
5048
2. Within each of these groups, group all requests by their next URL path segment. For instance: `/client/features` and `/client/features/feature-a` are grouped together, while `/client/register` and `/admin/features` are separate groups.
5149

5250

53-
<Figure caption="The network traffic chart plots req/s on the Y axis and time on the X axis. Requests are bundled per endpoint per application." img="/img/network-traffic.png"/>
51+
![Network traffic chart](/img/network-traffic.png)
5452

5553
## Data source
5654

website/docs/reference/playground.mdx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
---
22
title: Playground
33
---
4-
import Figure from '@site/src/components/Figure/Figure.tsx'
54
import VideoContent from '@site/src/components/VideoContent.jsx'
65

76
:::note Availability
@@ -66,19 +65,19 @@ The playground's response contains a list of all the feature flags that have bee
6665

6766
In the UI, the playground displays the features in a table. Each row of the table corresponds to a single feature. The table has a separate column for each of the environments that you selected for your query.
6867

69-
<Figure caption='Each row contains a feature and columns for the selected environments. In this screenshot, the "development" and "production" environments have been selected.' img="/img/playground-results-row.png"/>
68+
![Playground results](/img/playground-results-row.png)
7069

7170
Because you can add multiple values for each context field, each feature-environment cell contains the number of combinations that evaluated to `true` and `false` for the feature in the given environment. This can be expanded into a more detailed overview over what combinations of context fields evaluated to `true` and `false` along with any [variants](../reference/feature-toggle-variants).
7271

73-
<Figure caption='A small table showing the detailed evaluation for a feature in the "development" environment. The provided context contained three values for the "userId" property, so the table contains three rows, showing all different combinations of the context.' img="/img/playground-results-development.png"/>
72+
![Playground results in development](/img/playground-results-development.png)
7473

7574
As with all of Unleash's client SDKs, the playground respects [stickiness](../reference/stickiness). The [stickiness algorithm](../reference/stickiness#calculation) guarantees that you'll always get the same variants and the same gradual rollout results if you provide the same context, as long as you provide the context field used for calculating stickiness.
7675

7776
### The diff view
7877

7978
You can compare how a feature evaluates in different environments. If you select more than one environment for your playground query, the table will have an additional "Diff" column in each row. Using the "preview diff" button, you can open a table that gives an overview over how the feature evaluated for each context combination in each environment.
8079

81-
<Figure caption='A table with three rows. Each row contains a context combination and results in the form of `true` and `false` each environment. In this case, it shows that when the "userId" context field is "2", then the feature is enabled in development, but not in production.' img="/img/playground-results-diff.png"/>
80+
![The diff view in playground](/img/playground-results-diff.png)
8281

8382

8483
### Detailed evaluation results

website/docs/reference/projects.mdx

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -94,8 +94,6 @@ To move a feature flag between projects:
9494

9595
## Project default strategy
9696

97-
import Figure from '@site/src/components/Figure/Figure.tsx'
98-
9997
:::note Availability
10098

10199
**Version**: `5.2+`.
@@ -113,7 +111,7 @@ To change the default strategy for an environment in a project:
113111
3. Configure the strategy values, such as the rollout percentage, stickiness, segments, constraints, and variants.
114112
4. Click **Save strategy**.
115113

116-
<Figure caption="You can configure each environment's default strategy with the corresponding edit button." img="/img/edit-default-strategy-development.png" />
114+
![Configuring the default strategy](/img/edit-default-strategy-development.png)
117115

118116
## View project insights
119117

0 commit comments

Comments
 (0)