0
0
mirror of https://github.com/PostHog/posthog.git synced 2024-11-24 18:07:17 +01:00
posthog/frontend/public/icon-white.svg
Michael Matloka f71e011a86
Command palette (#1819)
* add hotkey base

* add platform check

* Rename CommandBox to CommandPalette

* Add styled-components

* Restructure CommandPalette and add Esc handling

* Update utils.js

* add search box

* Add logic types

* Implement base logic

* Fix scroll prevention

* Update logic and add goto command base with Fuse fuzzy serach

* ux hotkey

* Implement command (de)registration

* minor fix

* base UI

* error message & hints

* command groups UI

* Add commands search

* Make commands work

* Prepare palette for fuzzy search and add basic labeling

* ui adjustments

* ui

* Improve colors

* switch to global command

* Optimize resolution

* global go to commands

* abstract item selection logic to command palette

* Update casing and types

* Add conditional useCommands

* Improve results

* keyboard nav

* keyboard nav fix

* removed double fuse (synonyms broken)

* Update style

* Fix highlighting

* Remove extra style

* conditional go to commands

* add mouse hover handling and rename functions

* remove mac check

* add more commands

* added insights stub pages

* Add command components

* refactor logic

* Update styling

* Remove extraneous `input`

* load custom dashboards to command palette

* Add input styling

* Add write icon

* Refactor results

* minor adjustments

* add person search

* remove papercups fully

* fix input indexing

* fix result executing empty

* Add command grouping and improve navigation

* add urls

* make logic explicit

* fix error with hadnler

* Remove redundant border-top

* add trend functions

* personal api key stub

* Add command palette toggle button

* Fix things

* fix personal api keys

* copy api key to clipboard

* Add toggle text

* Improve palette UX and perform refactoring

* Improve UX and add palette usage reporting

* tests refactor

* filter person list

* refactor api person tests

* add squeak

* deprecate by_distinct_id & by_email person endpoints

* Optimize squeak

* fix typegen error

* use new filters in frontend

* Optimize squeak

* key identifier refactor

* fix mypy

* removed unused code

* Make custom command UI more coherent

* Add calculator to palette

* Use equal sign

* Make palette button nicer

* Add lodash back officially and show palette suggestions

lodash is still used in a few places, but it was not in package.json. The reason this was working was that lodash is a dependency of some other depedencies, but this was fragile. It's still not ideal to use this, but at least this is now not a hack the way it was.

* Remove isHint

* Optimize graph time range command

* Move command results grouping to Kea logic

* Fix result focus autoshift

* Improve palette result focusing

* Adjust for window.posthog being optional

* add test for third-party person filters

* Remove styled-components in favor of .scss files

* Remove redundant container class

* Use insect (sic!) squeak instead of pig squeak

* Show only unique palette results

* Fix palette overlay

* Add powerful command building protocol CommandFlow

* Fix minor issues

* Always show scope when flow active

* Use custom label icon

* Add feedback sharing command

* block command input from being captured in screen recording

at least until we can figure out how to capture this info in a privacy-preserving way

* Hide palette button on narrow screens

* Improve responsiveness

* Fix palette feedback sending

* Fix Esc handling

* Add Message Sent info

* Fix Message Sent info

* Fix dashboard creation and null name handling

* Rename Cy tests to JS convention

* Add basic Cypress test

* Address feedback

Co-authored-by: Eric <eeoneric@gmail.com>
Co-authored-by: Paolo D'Amico <paolodamico@users.noreply.github.com>
2020-10-13 15:44:56 +02:00

11 lines
1.2 KiB
XML

<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 61.1428L19.8771 75.9999H5V61.1428ZM5 57.4284L23.5964 75.9999H38.4734L5 42.5714V57.4284ZM5 38.8571L42.1927 75.9999H57.0699L5 24V38.8571ZM23.5964 38.8571L60.7892 75.9999V61.1428L23.5964 24V38.8571ZM42.1927 24V38.8571L60.7892 57.4284V42.5714L42.1927 24Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M84.1043 65.8557C86.7971 68.5448 90.451 70.0573 94.2625 70.0573V76H63.4192V45.1982L84.1043 65.8557ZM75.321 67.0857C75.321 68.7268 73.9889 70.057 72.3457 70.057C70.7024 70.057 69.3701 68.7268 69.3701 67.0857C69.3701 65.4447 70.7024 64.1143 72.3457 64.1143C73.9889 64.1143 75.321 65.4447 75.321 67.0857Z" fill="white"/>
<path d="M5 75.9997H19.8771L5 61.1426V75.9997Z" fill="white"/>
<path d="M23.5964 42.5714L5 24V38.8571L23.5964 57.4284V42.5714Z" fill="white"/>
<path d="M5 42.5714V57.4286L23.5964 75.9999V61.1428L5 42.5714Z" fill="white"/>
<path d="M42.1927 42.5714L23.5964 24V38.8571L42.1927 57.4284V42.5714Z" fill="white"/>
<path d="M23.5964 75.9997H38.4734L23.5964 61.1426V75.9997Z" fill="white"/>
<path d="M23.5964 42.5714V57.4286L42.1927 75.9999V61.1428L23.5964 42.5714Z" fill="white"/>
</svg>