thedevs-network/kutt-extension
1
0
Fork 0
mirror of https://github.com/thedevs-network/kutt-extension.git synced 2026-02-03 13:53:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: show error if no api key set & use defaults if user field not set

Browse Source
This commit is contained in:
abhijithvijayan
2020-02-09 10:02:33 +05:30
parent 4e7bcbf13c
commit 2c801b9cde
1 changed files with 44 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/Popup/Popup.tsx
View File

@@ -25,55 +25,60 @@ export type ProcessRequestProperties = React.Dispatch<
>;
const Popup: React.FC = () => {
const [domainOptions, setDomainOptions] = useState<DomainOptionsProperties[]>([]);
const [loading, setLoading] = useState<boolean>(true);
const [domainOptions, setDomainOptions] = useState<DomainOptionsProperties[]>([]);
const [requestProcessed, setRequestProcessed] = useState<ProcessedRequestProperties>({ error: null, message: '' });
useEffect((): void => {
async function getUserSettings(): Promise<void> {
const { settings = {} } = await getExtensionSettings();
// ToDo: change kutt.it entry to custom host(if exist)
const defaultOptions: DomainOptionsProperties[] = [
{
id: '',
option: '-- Choose Domain --',
value: '',
disabled: true,
},
{
id: 'default',
option: 'kutt.it',
value: 'https://kutt.it',
disabled: false,
},
];
if (Object.prototype.hasOwnProperty.call(settings, 'user')) {
if (settings.user) {
const { user }: { user: UserSettingsResponseProperties } = settings;
// No API Key set
if (!Object.prototype.hasOwnProperty.call(settings, 'apikey') || settings.apikey === '') {
setRequestProcessed({ error: true, message: 'Extension requires an API Key to work' });
setLoading(false);
let optionsArray: DomainOptionsProperties[] = user.domains.map(
({ id, address, homepage, banned }) => {
return {
id,
option: homepage,
value: address,
disabled: banned,
};
}
);
// ToDo: change kutt.it entry to custom host(if exist)
const defaultOptions = [
{
id: '',
option: '-- Choose Domain --',
value: '',
disabled: true,
},
{
id: 'default',
option: 'kutt.it',
value: 'https://kutt.it',
disabled: false,
},
];
// merge to beginning of array
optionsArray = defaultOptions.concat(optionsArray);
setDomainOptions(optionsArray);
}
// ToDo: Handle no-user state
// ToDo: Open options page after slight delay
return;
}
// ToDo: handle init operations
// `user` & `apikey` fields exist on storage
if (Object.prototype.hasOwnProperty.call(settings, 'user') && settings.user) {
const { user }: { user: UserSettingsResponseProperties } = settings;
let optionsArray: DomainOptionsProperties[] = user.domains.map(({ id, address, homepage, banned }) => {
return {
id,
option: homepage,
value: address,
disabled: banned,
};
});
// merge to beginning of array
optionsArray = defaultOptions.concat(optionsArray);
setDomainOptions(optionsArray);
} else {
// no `user` but `apikey` exist on storage
setDomainOptions(defaultOptions);
}
// ToDo: handle init operations(if any)
setLoading(false);
}