feat: settings change
This commit is contained in:
Nevo David
parent
5f945bd396
commit
e0b496c4f9
|
|
@ -99,9 +99,19 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
|
|||
|
||||
const currentIntegration = integrations.find((p) => p.id === current)!;
|
||||
|
||||
return `${currentIntegration.name} (${capitalize(
|
||||
currentIntegration.identifier.split('-').shift()
|
||||
)})`;
|
||||
return (
|
||||
<div className="flex items-center gap-[10px]">
|
||||
<div className="relative">
|
||||
<img
|
||||
src={`/icons/platforms/${currentIntegration.identifier}.png`}
|
||||
className="w-[20px] h-[20px] rounded-[4px]"
|
||||
alt={currentIntegration.identifier}
|
||||
/>
|
||||
<SettingsIcon size={15} className="text-white absolute -end-[5px] -bottom-[5px]" />
|
||||
</div>
|
||||
<div>{currentIntegration.name} Settings</div>
|
||||
</div>
|
||||
);
|
||||
}, [current]);
|
||||
|
||||
const changeCustomer = useCallback(
|
||||
|
|
@ -341,7 +351,9 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
|
|||
Create Post
|
||||
</div>
|
||||
<div className="flex-1 flex flex-col gap-[16px]">
|
||||
<div className={clsx("flex-1 relative", showSettings && 'hidden')}>
|
||||
<div
|
||||
className={clsx('flex-1 relative', showSettings && 'hidden')}
|
||||
>
|
||||
<div
|
||||
id="social-content"
|
||||
className="gap-[32px] flex flex-col pr-[8px] pt-[20px] pl-[20px] absolute top-0 left-0 w-full h-full overflow-x-hidden overflow-y-scroll scrollbar scrollbar-thumb-newColColor scrollbar-track-newBgColorInner"
|
||||
|
|
@ -390,11 +402,8 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
|
|||
showSettings ? '!rounded-b-none' : ''
|
||||
)}
|
||||
>
|
||||
<div className="flex">
|
||||
<SettingsIcon className="text-white" />
|
||||
</div>
|
||||
<div className="flex-1 text-[14px] font-[600] text-white">
|
||||
{currentIntegrationText} Settings
|
||||
{currentIntegrationText}
|
||||
</div>
|
||||
<div>
|
||||
<ChevronDownIcon
|
||||
|
|
@ -409,7 +418,10 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
|
|||
'text-[14px] text-textColor font-[500] relative'
|
||||
)}
|
||||
>
|
||||
<div id="social-settings" className="px-[12px] pb-[12px] absolute left-0 top-0 w-full h-full overflow-x-hidden overflow-y-auto scrollbar scrollbar-thumb-newBgColorInner scrollbar-track-newColColor" />
|
||||
<div
|
||||
id="social-settings"
|
||||
className="px-[12px] pb-[12px] absolute left-0 top-0 w-full h-full overflow-x-hidden overflow-y-auto scrollbar scrollbar-thumb-newBgColorInner scrollbar-track-newColColor"
|
||||
/>
|
||||
</div>
|
||||
<style>
|
||||
{`#social-settings [data-id="${current}"] {display: block !important;}`}
|
||||
|
|
|
|||
|
|
@ -23,18 +23,20 @@ export const SettingsIcon: FC<IconProps> = ({
|
|||
{...props}
|
||||
>
|
||||
<path
|
||||
d="M7.82888 16.1429L8.31591 17.2383C8.4607 17.5644 8.69698 17.8414 8.9961 18.0358C9.29522 18.2303 9.64434 18.3337 10.0011 18.3337C10.3579 18.3337 10.707 18.2303 11.0061 18.0358C11.3052 17.8414 11.5415 17.5644 11.6863 17.2383L12.1733 16.1429C12.3467 15.7542 12.6383 15.4302 13.0067 15.217C13.3773 15.0032 13.8061 14.9121 14.2317 14.9568L15.4233 15.0837C15.778 15.1212 16.136 15.055 16.4539 14.8931C16.7717 14.7312 17.0358 14.4806 17.2141 14.1716C17.3925 13.8628 17.4776 13.5089 17.4588 13.1527C17.4401 12.7966 17.3184 12.4535 17.1085 12.1651L16.403 11.1957C16.1517 10.8479 16.0175 10.4293 16.0196 10.0003C16.0195 9.57248 16.155 9.15562 16.4067 8.80959L17.1122 7.84014C17.3221 7.55179 17.4438 7.20872 17.4625 6.85255C17.4813 6.49639 17.3962 6.14244 17.2178 5.83366C17.0395 5.52469 16.7754 5.27407 16.4576 5.11218C16.1397 4.9503 15.7817 4.8841 15.427 4.92162L14.2354 5.04847C13.8098 5.09317 13.381 5.00209 13.0104 4.78829C12.6413 4.57387 12.3496 4.24812 12.177 3.85773L11.6863 2.76236C11.5415 2.4363 11.3052 2.15925 11.0061 1.96482C10.707 1.77039 10.3579 1.66693 10.0011 1.66699C9.64434 1.66693 9.29522 1.77039 8.9961 1.96482C8.69698 2.15925 8.4607 2.4363 8.31591 2.76236L7.82888 3.85773C7.65632 4.24812 7.3646 4.57387 6.99554 4.78829C6.62489 5.00209 6.1961 5.09317 5.77054 5.04847L4.57517 4.92162C4.22045 4.8841 3.86246 4.9503 3.5446 5.11218C3.22675 5.27407 2.96269 5.52469 2.78443 5.83366C2.60595 6.14244 2.52092 6.49639 2.53965 6.85255C2.55839 7.20872 2.68009 7.55179 2.88999 7.84014L3.59554 8.80959C3.84716 9.15562 3.98266 9.57248 3.98258 10.0003C3.98266 10.4282 3.84716 10.845 3.59554 11.1911L2.88999 12.1605C2.68009 12.4489 2.55839 12.7919 2.53965 13.1481C2.52092 13.5043 2.60595 13.8582 2.78443 14.167C2.96286 14.4758 3.22696 14.7263 3.54476 14.8882C3.86257 15.05 4.22047 15.1163 4.57517 15.079L5.76684 14.9522C6.1924 14.9075 6.62119 14.9986 6.99184 15.2124C7.36228 15.4262 7.65535 15.752 7.82888 16.1429Z"
|
||||
stroke="currentColor"
|
||||
d="M7.82888 16.1419L8.31591 17.2373C8.4607 17.5634 8.69698 17.8404 8.9961 18.0348C9.29522 18.2293 9.64434 18.3327 10.0011 18.3327C10.3579 18.3327 10.707 18.2293 11.0061 18.0348C11.3052 17.8404 11.5415 17.5634 11.6863 17.2373L12.1733 16.1419C12.3467 15.7533 12.6383 15.4292 13.0067 15.216C13.3773 15.0022 13.8061 14.9111 14.2317 14.9558L15.4233 15.0827C15.778 15.1202 16.136 15.054 16.4539 14.8921C16.7717 14.7302 17.0358 14.4796 17.2141 14.1706C17.3925 13.8619 17.4776 13.5079 17.4588 13.1518C17.4401 12.7956 17.3184 12.4525 17.1085 12.1642L16.403 11.1947C16.1517 10.847 16.0175 10.4284 16.0196 9.99935C16.0195 9.57151 16.155 9.15464 16.4067 8.80861L17.1122 7.83916C17.3221 7.55081 17.4438 7.20774 17.4625 6.85158C17.4813 6.49541 17.3962 6.14147 17.2178 5.83268C17.0395 5.52371 16.7754 5.27309 16.4576 5.1112C16.1397 4.94932 15.7817 4.88312 15.427 4.92065L14.2354 5.0475C13.8098 5.09219 13.381 5.00112 13.0104 4.78731C12.6413 4.57289 12.3496 4.24715 12.177 3.85676L11.6863 2.76139C11.5415 2.43532 11.3052 2.15828 11.0061 1.96385C10.707 1.76942 10.3579 1.66596 10.0011 1.66602C9.64434 1.66596 9.29522 1.76942 8.9961 1.96385C8.69698 2.15828 8.4607 2.43532 8.31591 2.76139L7.82888 3.85676C7.65632 4.24715 7.3646 4.57289 6.99554 4.78731C6.62489 5.00112 6.1961 5.09219 5.77054 5.0475L4.57517 4.92065C4.22045 4.88312 3.86246 4.94932 3.5446 5.1112C3.22675 5.27309 2.96269 5.52371 2.78443 5.83268C2.60595 6.14147 2.52092 6.49541 2.53965 6.85158C2.55839 7.20774 2.68009 7.55081 2.88999 7.83916L3.59554 8.80861C3.84716 9.15464 3.98266 9.57151 3.98258 9.99935C3.98266 10.4272 3.84716 10.8441 3.59554 11.1901L2.88999 12.1595C2.68009 12.4479 2.55839 12.791 2.53965 13.1471C2.52092 13.5033 2.60595 13.8572 2.78443 14.166C2.96286 14.4748 3.22696 14.7253 3.54476 14.8872C3.86257 15.049 4.22047 15.1153 4.57517 15.0781L5.76684 14.9512C6.1924 14.9065 6.62119 14.9976 6.99184 15.2114C7.36228 15.4252 7.65535 15.751 7.82888 16.1419Z"
|
||||
stroke="white"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
style={{ fill: 'rgb(255, 255, 255)' }}
|
||||
/>
|
||||
<path
|
||||
d="M9.99961 12.5003C11.3803 12.5003 12.4996 11.381 12.4996 10.0003C12.4996 8.61961 11.3803 7.50033 9.99961 7.50033C8.6189 7.50033 7.49961 8.61961 7.49961 10.0003C7.49961 11.381 8.6189 12.5003 9.99961 12.5003Z"
|
||||
stroke="currentColor"
|
||||
d="M9.99961 12.4993C11.3803 12.4993 12.4996 11.3801 12.4996 9.99935C12.4996 8.61864 11.3803 7.49935 9.99961 7.49935C8.6189 7.49935 7.49961 8.61864 7.49961 9.99935C7.49961 11.3801 8.6189 12.4993 9.99961 12.4993Z"
|
||||
stroke="#612BD3"
|
||||
strokeWidth="1.5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
style={{ fill: '#612BD3' }}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in New Issue