Add learn more link2

mtojek · mtojek · commit e63f7a8ebed2 · 2023-07-25T16:22:46.000+02:00
diff --git a/site/src/components/Filter/filter.tsx b/site/src/components/Filter/filter.tsx
@@ -137,12 +137,16 @@ export const Filter = ({
   skeleton,
   options,
   learnMoreLink,
+  learnMoreLabel2,
+  learnMoreLink2,
   presets,
 }: {
   filter: ReturnType<typeof useFilter>
   skeleton: ReactNode
   isLoading: boolean
   learnMoreLink: string
+  learnMoreLabel2?: string
+  learnMoreLink2?: string
   error?: unknown
   options?: ReactNode
   presets: PresetFilter[]
@@ -178,6 +182,8 @@ export const Filter = ({
               onSelect={(query) => filter.update(query)}
               presets={presets}
               learnMoreLink={learnMoreLink}
+              learnMoreLabel2={learnMoreLabel2}
+              learnMoreLink2={learnMoreLink2}
             />
             <TextField
               fullWidth
@@ -253,10 +259,14 @@ export const Filter = ({
 const PresetMenu = ({
   presets,
   learnMoreLink,
+  learnMoreLabel2,
+  learnMoreLink2,
   onSelect,
 }: {
   presets: PresetFilter[]
   learnMoreLink: string
+  learnMoreLabel2?: string
+  learnMoreLink2?: string
   onSelect: (query: string) => void
 }) => {
   const [isOpen, setIsOpen] = useState(false)
@@ -317,6 +327,22 @@ const PresetMenu = ({
           <OpenInNewOutlined sx={{ fontSize: "14px !important" }} />
           View advanced filtering
         </MenuItem>
+        {learnMoreLink2 && learnMoreLabel2 && (
+          <>
+            <MenuItem
+              component="a"
+              href={learnMoreLink2}
+              target="_blank"
+              sx={{ fontSize: 13, fontWeight: 500 }}
+              onClick={() => {
+                setIsOpen(false)
+              }}
+            >
+              <OpenInNewOutlined sx={{ fontSize: "14px !important" }} />
+              {learnMoreLabel2}
+            </MenuItem>
+          </>
+        )}
       </Menu>
     </>
   )
diff --git a/site/src/pages/UsersPage/UsersFilter.tsx b/site/src/pages/UsersPage/UsersFilter.tsx
@@ -59,6 +59,8 @@ export const UsersFilter = ({
     <Filter
       presets={PRESET_FILTERS}
       learnMoreLink={docs("/admin/users#user-filtering")}
+      learnMoreLabel2="User status"
+      learnMoreLink2={docs("/admin/users#user-status")}
       isLoading={menus.status.isInitializing}
       filter={filter}
       error={error}
diff --git a/site/src/pages/UsersPage/UsersPage.tsx b/site/src/pages/UsersPage/UsersPage.tsx
@@ -272,7 +272,7 @@ export const UsersPage: FC<{ children?: ReactNode }> = () => {
         }}
         description={
           <>
-            Do you want to mark the user {" "}
+            Do you want to mark the user{" "}
             <strong>{usernameToMarkDormant ?? ""}</strong> as dormant?
           </>
         }

Original file line number	Diff line number	Diff line change
`@@ -272,7 +272,7 @@ export const UsersPage: FC<{ children?: ReactNode }> = () => {`
`272`	`272`	`}}`
`273`	`273`	`description={`
`274`	`274`	`<>`
`275`		`- Do you want to mark the user {" "}`
	`275`	`+ Do you want to mark the user{" "}`
`276`	`276`	`<strong>{usernameToMarkDormant ?? ""}</strong> as dormant?`
`277`	`277`	`</>`
`278`	`278`	`}`