[Proposition] Allow user to reset setting to default values (#630)

* Allow user to reset setting to default values * Move styling closer to fantomas-tab comment * Move the Reset setting button up
fsprojects · Dec 18, 2023 · c9d69a9 · c9d69a9
1 parent 2c7d263
commit c9d69a9
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 0 deletions.
diff --git a/src/client/fsharp/FantomasOnline/Model.fs b/src/client/fsharp/FantomasOnline/Model.fs
@@ -21,6 +21,7 @@ type Msg =
     | ChangeMode of FantomasMode
     | CopySettings
     | UpdateSettingsFilter of string
+    | ResetSettings
 
 [<RequireQualifiedAccess>]
 type FantomasTabState =

diff --git a/src/client/fsharp/FantomasOnline/State.fs b/src/client/fsharp/FantomasOnline/State.fs
@@ -196,6 +196,14 @@ let update isActiveTab (bubble: BubbleModel) msg model =
             UserOptions = userOptions
             State = FantomasTabState.OptionsLoaded },
         cmd
+
+    | ResetSettings ->
+        showSuccess "Settings reset to default values"
+
+        { model with
+            UserOptions = optionsListToMap model.DefaultOptions },
+        Cmd.none
+
     | Format ->
         let cmd =
             Cmd.batch

diff --git a/src/client/fsharp/FantomasOnline/View.fs b/src/client/fsharp/FantomasOnline/View.fs
@@ -341,11 +341,21 @@ let settings isFsi model dispatch =
                 ]
             ]
 
+        let resetSettings =
+            div [ ClassName Style.ResetSettings ] [
+                button [ ClassName Style.Secondary; OnClick(fun _ -> ResetSettings |> dispatch) ] [
+                    str "Reset settings"
+                ]
+            ]
+
         fragment [] [
             VersionBar.versionBar (sprintf "Version: %s" model.Version)
             fantomasMode
             fileExtension
             hr []
+            if userChangedSettings model then
+                resetSettings
+                hr []
             searchBox
             options
         ]

diff --git a/src/client/src/styles/style.css b/src/client/src/styles/style.css
@@ -787,6 +787,14 @@ nav > div #docs-btn .long-text {
     margin: 0;
 }
 
+.reset-settings {
+    display: flex;
+}
+
+.reset-settings > button {
+    margin: auto;
+}
+
 /* dark mode */
 @media (prefers-color-scheme: dark) {
     :root {