Merge remote-tracking branch 'origin/develop' into dap-4805

Author: alsakhaev

.github/workflows/near-rewards.yml

@@ -0,0 +1,26 @@
+name: NEAR Protocol Rewards Tracking
+on:
+  schedule:
+    - cron: '0 */12 * * *'  # Every 12 hours
+  workflow_dispatch:        # Manual trigger
+  push:
+    branches: [ develop ]   # Start on develop branch updates
+
+jobs:
+  calculate-rewards:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      issues: read
+      pull-requests: read
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+
+      - name: Calculate Rewards
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_REPO: ${{ github.repository }}
+        run: npx near-protocol-rewards calculate

apps/extension/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mweb/extension",
-  "version": "1.5.0-alpha.6",
+  "version": "1.5.0-alpha.9",
   "description": "Bridge to the Mutable Web",
   "scripts": {
     "build": "cross-env NODE_OPTIONS=--max-old-space-size=6144 webpack --config webpack.prod.js",

apps/extension/src/contentscript/multitable-panel/assets/styles-dropdown.tsx

@@ -424,3 +424,69 @@ export const AuthorMutation = styled.div`
   display: inline-flex;
   align-items: center;
 `
+
+// version
+
+export const DropdownContainer = styled.div<{ $expanded?: boolean }>`
+  position: absolute;
+  width: 100%;
+  width: 50px;
+  height: auto;
+  top: 24px;
+  left: 2px;
+  padding: 2px;
+  border-radius: 4px;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  z-index: 2;
+
+  box-shadow: ${({ $expanded }) =>
+    $expanded
+      ? `0px 3px 7px 0px #2222221A, 
+         0px 12px 12px 0px #22222217, 
+         0px 27px 16px 0px #2222220D, 
+         0px 48px 19px 0px #22222203, 
+         0px 76px 21px 0px #22222200`
+      : 'none'};
+
+  cursor: pointer;
+`
+
+export const SpanStyled = styled.span<{ $isWhite?: boolean }>`
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  position: relative;
+  top: ${({ $isWhite }) => ($isWhite ? `0` : '-6px')};
+  cursor: pointer;
+  left: ${({ $isWhite }) => ($isWhite ? `0` : '2px')};
+  justify-content: center;
+  padding: 2px 0;
+  padding-left: 4px;
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+  font-size: 10px;
+  font-weight: 400;
+  text-align: left;
+  color: #ffffff;
+  background: ${({ $isWhite }) => ($isWhite ? `#FFFFFF` : '#384bff')};
+
+  svg path {
+    stroke: ${({ $isWhite }) => ($isWhite ? ` #7a818b` : '#FFFFFF')};
+  }
+`
+
+export const DropdownItem = styled.div<{ $isActiveVersion?: boolean }>`
+  font-size: 10px;
+  font-weight: 400;
+  text-align: right;
+  color: ${({ $isActiveVersion }) => ($isActiveVersion ? `#384BFF` : '#7a818b')};
+  padding: 4px;
+
+  &:hover {
+    background: #1879ce1a;
+    color: #384bff;
+  }
+`