change(ui) - help changes and links
This commit is contained in:
Shekar Siri
parent
25cc8a992a
commit
ddcffef3b4
7 changed files with 58 additions and 9 deletions
|
|
@ -1,16 +1,22 @@
|
|||
import React from 'react';
|
||||
import SlackIcon from '../../../svg/slack-help.svg';
|
||||
import { Popup } from 'UI';
|
||||
// import SlackIcon from '../../../svg/slack-help.svg';
|
||||
import { Popup, Icon } from 'UI';
|
||||
import SupportList from './components/SupportList';
|
||||
|
||||
function SupportCallout() {
|
||||
return (
|
||||
<a href="https://slack.openreplay.com" target="_blank" className="fixed z-50 left-0 bottom-0">
|
||||
<div className="w-12 h-12 cursor-pointer m-4">
|
||||
<Popup content="OpenReplay community" delay={0}>
|
||||
<img src={SlackIcon} />
|
||||
</Popup>
|
||||
<div className="group transition-all">
|
||||
<div className="invisible absolute bottom-0 left-0 pb-20 ml-4 group-hover:visible">
|
||||
<SupportList />
|
||||
</div>
|
||||
</a>
|
||||
<div className="fixed z-50 left-0 bottom-0 m-4">
|
||||
{/* <Popup content="OpenReplay community" delay={0}> */}
|
||||
<div className="w-12 h-12 cursor-pointer bg-white border rounded-full flex items-center justify-center group-hover:shadow-lg group-hover:!bg-active-blue">
|
||||
<Icon name="question-lg" size={30} color="teal" />
|
||||
</div>
|
||||
{/* </Popup> */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
import React from 'react';
|
||||
import { Icon } from 'UI';
|
||||
|
||||
function SupportList() {
|
||||
return (
|
||||
<div className="rounded bg-white border shadow">
|
||||
<a href="https://docs.openreplay.com" target="_blank">
|
||||
<div className="flex items-center px-4 py-3 cursor-pointer hover:bg-active-blue">
|
||||
<Icon name="book" size={15} />
|
||||
<div className="ml-2">Docs</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://forms.gle/cGgbCjbipQDQjGqc9" target="_blank">
|
||||
<div className="flex items-center px-4 py-3 cursor-pointer hover:bg-active-blue">
|
||||
<Icon name="chat-right-text" size={15} />
|
||||
<div className="ml-2">Share Feedback</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://openreplay.slack.com" target="_blank">
|
||||
<div className="flex items-center px-4 py-3 cursor-pointer hover:bg-active-blue">
|
||||
<Icon name="slack" size={15} />
|
||||
<div className="ml-2">Community Support</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default SupportList;
|
||||
|
|
@ -0,0 +1 @@
|
|||
export { default } from './SupportList';
|
||||
File diff suppressed because one or more lines are too long
4
frontend/app/svg/icons/chat-right-text.svg
Normal file
4
frontend/app/svg/icons/chat-right-text.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-chat-right-text" viewBox="0 0 16 16">
|
||||
<path d="M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1H2zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z"/>
|
||||
<path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 524 B |
3
frontend/app/svg/icons/question-lg.svg
Normal file
3
frontend/app/svg/icons/question-lg.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-question-lg" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215 0 1.344-.665 2.288-1.79 2.973-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712 1.03-.632 1.397-1.135 1.397-2.028 0-.979-.758-1.698-1.926-1.698-1.009 0-1.71.529-1.938 1.402-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09 0-.618-.473-1.092-1.095-1.092-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 632 B |
3
frontend/app/svg/icons/slack.svg
Normal file
3
frontend/app/svg/icons/slack.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-slack" viewBox="0 0 16 16">
|
||||
<path d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682h4.21zm6.749 1.682c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1,009 B |
Loading…
Add table
Reference in a new issue