Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

improve: legibility on request-template #6564

Open
wants to merge 22 commits into
base: develop
Choose a base branch
from
+32 −9
Open

improve: legibility on request-template #6564

Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
55f925d
improve: legibility on request-template
kobenguyent Sep 26, 2023
ed9a86a
Merge branch 'develop' into improve-request-template-ui
kobenguyent Sep 26, 2023
4e5cac3
Merge branch 'develop' into improve-request-template-ui
kobenguyent Sep 26, 2023
a2fdf3d
Merge branch 'develop' into improve-request-template-ui
kobenguyent Sep 28, 2023
d0a8aa0
Merge branch 'develop' into improve-request-template-ui
kobenguyent Sep 28, 2023
8811af5
Merge branch 'develop' into improve-request-template-ui
kobenguyent Oct 1, 2023
fcda5b1
Merge branch 'develop' into improve-request-template-ui
kobenguyent Oct 3, 2023
1f4ab8d
Merge branch 'develop' into improve-request-template-ui
kobenguyent Oct 4, 2023
54fb22c
Merge branch 'develop' into improve-request-template-ui
kobenguyent Oct 4, 2023
ab4773f
Merge branch 'develop' into improve-request-template-ui
kobenguyent Oct 4, 2023
c1438e3
Merge branch 'develop' into improve-request-template-ui
kobenguyent Oct 5, 2023
fdb21dc
Merge branch 'develop' into improve-request-template-ui
kobenguyent Oct 10, 2023
7d040d0
Merge branch 'develop' into improve-request-template-ui
kobenguyent Oct 16, 2023
fdc0a4c
Merge branch 'develop' into improve-request-template-ui
kobenguyent Oct 31, 2023
c025f2f
Merge branch 'develop' into improve-request-template-ui
kobenguyent Nov 15, 2023
6ccdfde
Merge branch 'develop' into improve-request-template-ui
kobenguyent Nov 17, 2023
e08eef6
Merge branch 'develop' into improve-request-template-ui
kobenguyent Nov 21, 2023
a83df56
Merge branch 'develop' into improve-request-template-ui
kobenguyent Dec 7, 2023
489baf2
Merge branch 'develop' into improve-request-template-ui
kobenguyent Dec 15, 2023
5298f9c
Merge branch 'develop' into improve-request-template-ui
kobenguyent Jan 17, 2024
7b9f8ca
Merge branch 'develop' into improve-request-template-ui
kobenguyent Feb 10, 2024
0d65342
Merge branch 'develop' into improve-request-template-ui
kobenguyent Apr 22, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
41 changes: 32 additions & 9 deletions packages/insomnia/src/ui/components/dropdowns/method-dropdown.tsx
View file
Open in desktop
Expand Up @@ -20,10 +20,10 @@ interface Props {
}

export const MethodDropdown = forwardRef<DropdownHandle, Props>(({
className,
method,
onChange,
}, ref) => {
className,
method,
onChange,
}, ref) => {
const localStorageHttpMethods = window.localStorage.getItem(LOCALSTORAGE_KEY);
const parsedLocalStorageHttpMethods = localStorageHttpMethods ? JSON.parse(localStorageHttpMethods) as string[] : [];
const [recent, setRecent] = useState(parsedLocalStorageHttpMethods);
Expand Down Expand Up @@ -79,19 +79,42 @@ export const MethodDropdown = forwardRef<DropdownHandle, Props>(({
className="method-dropdown"
triggerButton={
<StyledDropdownButton className={className}>
<span className={`http-method-${method}`}>{method}</span>{' '}
<span
className={
`w-20 flex text-[0.8rem] rounded-sm border border-solid border-[--hl-sm] items-center justify-center
${{
'GET': 'text-[--color-font-surprise] bg-[rgba(var(--color-surprise-rgb),0.5)]',
'POST': 'text-[--color-font-success] bg-[rgba(var(--color-success-rgb),0.5)]',
'HEAD': 'text-[--color-font-info] bg-[rgba(var(--color-info-rgb),0.5)]',
'OPTIONS': 'text-[--color-font-info] bg-[rgba(var(--color-info-rgb),0.5)]',
'DELETE': 'text-[--color-font-danger] bg-[rgba(var(--color-danger-rgb),0.5)]',
'PUT': 'text-[--color-font-warning] bg-[rgba(var(--color-warning-rgb),0.5)]',
'PATCH': 'text-[--color-font-notice] bg-[rgba(var(--color-notice-rgb),0.5)]',
}[method] || 'text-[--color-font] bg-[--hl-md]'}`
}
>{method}</span>{' '}
<i className="fa fa-caret-down space-left" />
</StyledDropdownButton>
}
>
<DropdownSection>
{HTTP_METHODS.map(method => (
<DropdownItem key={method}>
<ItemContent
className={`http-method-${method}`}
label={method}
<span
className={
`w-32 ml-10 mr-5 flex text-[1rem] rounded-sm border border-solid border-[--hl-sm] items-center justify-center
${{
'GET': 'text-[--color-font-surprise] bg-[rgba(var(--color-surprise-rgb),0.5)]',
'POST': 'text-[--color-font-success] bg-[rgba(var(--color-success-rgb),0.5)]',
'HEAD': 'text-[--color-font-info] bg-[rgba(var(--color-info-rgb),0.5)]',
'OPTIONS': 'text-[--color-font-info] bg-[rgba(var(--color-info-rgb),0.5)]',
'DELETE': 'text-[--color-font-danger] bg-[rgba(var(--color-danger-rgb),0.5)]',
'PUT': 'text-[--color-font-warning] bg-[rgba(var(--color-warning-rgb),0.5)]',
'PATCH': 'text-[--color-font-notice] bg-[rgba(var(--color-notice-rgb),0.5)]',
}[method] || 'text-[--color-font] bg-[--hl-md]'}`
}
onClick={() => onChange(method)}
/>
>&ensp; {method}</span>
</DropdownItem>
))}
</DropdownSection>
Expand Down