Make selected option stay selected

seanstory · seanstory · commit c72b7e1ae38e · 2023-12-18T14:55:54.000-06:00
diff --git a/example-apps/internal-knowledge-search/app-ui/src/components/SearchApplicationSettings.tsx b/example-apps/internal-knowledge-search/app-ui/src/components/SearchApplicationSettings.tsx
@@ -115,7 +115,7 @@ const SearchApplicationSettings: React.FC = () => {
                         className="flex items-center space-x-2 p-2 bg-white rounded border border-gray-300 focus:outline-none focus:border-blue-500"
                     >
                         {searchPersonaOptions.map((option, index) => (
-                            <option value={option}  className="block text-left p-2 hover:bg-gray-100 cursor-pointer">
+                            <option value={option} selected={option == searchPersona} className="block text-left p-2 hover:bg-gray-100 cursor-pointer">
                                 {option}
                             </option>
                         ))}

Original file line number	Diff line number	Diff line change
`@@ -115,7 +115,7 @@ const SearchApplicationSettings: React.FC = () => {`
`115`	`115`	`className="flex items-center space-x-2 p-2 bg-white rounded border border-gray-300 focus:outline-none focus:border-blue-500"`
`116`	`116`	`>`
`117`	`117`	`{searchPersonaOptions.map((option, index) => (`
`118`		`- <option value={option} className="block text-left p-2 hover:bg-gray-100 cursor-pointer">`
	`118`	`+ <option value={option} selected={option == searchPersona} className="block text-left p-2 hover:bg-gray-100 cursor-pointer">`
`119`	`119`	`{option}`
`120`	`120`	`</option>`
`121`	`121`	`))}`