feat: initial Pezkuwi Apps rebrand from polkadot-apps

Rebranded terminology: - Polkadot → Pezkuwi - Kusama → Dicle - Westend → Zagros - Rococo → PezkuwiChain - Substrate → Bizinikiwi - parachain → teyrchain Custom logos with Kurdistan brand colors (#e6007a → #86e62a): - bizinikiwi-hexagon.svg - sora-bizinikiwi.svg - hezscanner.svg - heztreasury.svg - pezkuwiscan.svg - pezkuwistats.svg - pezkuwiassembly.svg - pezkuwiholic.svg
2026-06-14 00:31:15 +00:00 · 2026-01-07 13:05:27 +03:00
commit d21bfb1320
5867 changed files with 329019 additions and 0 deletions
@@ -0,0 +1,105 @@
+// Copyright 2017-2025 @pezkuwi/app-js authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import React, { useCallback, useState } from 'react';
+
+import { Button, Input, Popup } from '@pezkuwi/react-components';
+
+import { useTranslation } from './translate.js';
+
+interface Props {
+  className?: string;
+  isCustomExample: boolean;
+  isRunning: boolean;
+  removeSnippet: () => void;
+  runJs: () => void;
+  saveSnippet: (snippetName: string) => void;
+  snippetName?: string;
+  stopJs: () => void;
+}
+
+function ActionButtons ({ className = '', isCustomExample, isRunning, removeSnippet, runJs, saveSnippet, stopJs }: Props): React.ReactElement<Props> {
+  const { t } = useTranslation();
+  const [snippetName, setSnippetName] = useState('');
+
+  const _onChangeName = useCallback(
+    (snippetName: string) => setSnippetName(snippetName),
+    []
+  );
+
+  const _onPopupClose = useCallback(
+    (): void => {
+      setSnippetName('');
+    },
+    []
+  );
+
+  const _saveSnippet = useCallback(
+    (): void => {
+      saveSnippet(snippetName);
+      _onPopupClose();
+    },
+    [_onPopupClose, saveSnippet, snippetName]
+  );
+
+  return (
+    <Button.Group className={`${className} action-button`}>
+      {isCustomExample
+        ? (
+          <Button
+            icon='trash'
+            onClick={removeSnippet}
+          />
+        )
+        : (
+          <Popup
+            className='popup-local'
+            onCloseAction={_onPopupClose}
+            value={
+              <>
+                <Input
+                  autoFocus
+                  maxLength={50}
+                  min={1}
+                  onChange={_onChangeName}
+                  onEnter={_saveSnippet}
+                  placeholder={t('Name your example')}
+                  value={snippetName}
+                  withLabel={false}
+                />
+                <Button
+                  icon='save'
+                  isDisabled={!snippetName.length}
+                  label={t('Save snippet to local storage')}
+                  onClick={_saveSnippet}
+                />
+              </>
+            }
+          >
+            <Button
+              icon='save'
+              isReadOnly={false}
+            />
+          </Popup>
+        )
+      }
+      {isRunning
+        ? (
+          <Button
+            icon='times'
+            onClick={stopJs}
+          />
+        )
+        : (
+          <Button
+            className='play-button'
+            icon='play'
+            onClick={runJs}
+          />
+        )
+      }
+    </Button.Group>
+  );
+}
+
+export default React.memo(ActionButtons);