forked from github/plane
fix: eslint issues and reconfiguring (#3891)
* fix: eslint fixes --------- Co-authored-by: gurusainath <gurusainath007@gmail.com>
This commit is contained in:
sriram veeraghanta
GitHub
parent
921b9078f1
commit
3d09a69d58
@ -50,7 +50,6 @@ chmod +x setup.sh
|
|||||||
docker compose -f docker-compose-local.yml up
|
docker compose -f docker-compose-local.yml up
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## Missing a Feature?
|
## Missing a Feature?
|
||||||
|
|
||||||
If a feature is missing, you can directly _request_ a new one [here](https://github.com/makeplane/plane/issues/new?assignees=&labels=feature&template=feature_request.yml&title=%F0%9F%9A%80+Feature%3A+). You also can do the same by choosing "🚀 Feature" when raising a [New Issue](https://github.com/makeplane/plane/issues/new/choose) on our GitHub Repository.
|
If a feature is missing, you can directly _request_ a new one [here](https://github.com/makeplane/plane/issues/new?assignees=&labels=feature&template=feature_request.yml&title=%F0%9F%9A%80+Feature%3A+). You also can do the same by choosing "🚀 Feature" when raising a [New Issue](https://github.com/makeplane/plane/issues/new/choose) on our GitHub Repository.
|
||||||
|
|||||||
@ -53,7 +53,6 @@ NGINX_PORT=80
|
|||||||
NEXT_PUBLIC_DEPLOY_URL="http://localhost/spaces"
|
NEXT_PUBLIC_DEPLOY_URL="http://localhost/spaces"
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
## {PROJECT_FOLDER}/apiserver/.env
|
## {PROJECT_FOLDER}/apiserver/.env
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
28
README.md
28
README.md
@ -44,20 +44,18 @@ Meet [Plane](https://plane.so). An open-source software development tool to mana
|
|||||||
|
|
||||||
> Plane is still in its early days, not everything will be perfect yet, and hiccups may happen. Please let us know of any suggestions, ideas, or bugs that you encounter on our [Discord](https://discord.com/invite/A92xrEGCge) or GitHub issues, and we will use your feedback to improve on our upcoming releases.
|
> Plane is still in its early days, not everything will be perfect yet, and hiccups may happen. Please let us know of any suggestions, ideas, or bugs that you encounter on our [Discord](https://discord.com/invite/A92xrEGCge) or GitHub issues, and we will use your feedback to improve on our upcoming releases.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## ⚡ Installation
|
## ⚡ Installation
|
||||||
|
|
||||||
The easiest way to get started with Plane is by creating a [Plane Cloud](https://app.plane.so) account where we offer a hosted solution for users.
|
The easiest way to get started with Plane is by creating a [Plane Cloud](https://app.plane.so) account where we offer a hosted solution for users.
|
||||||
|
|
||||||
If you want more control over your data prefer to self-host Plane, please refer to our [deployment documentation](https://docs.plane.so/docker-compose).
|
If you want more control over your data prefer to self-host Plane, please refer to our [deployment documentation](https://docs.plane.so/docker-compose).
|
||||||
|
|
||||||
| Installation Methods | Documentation Link |
|
| Installation Methods | Documentation Link |
|
||||||
|-----------------|----------------------------------------------------------------------------------------------------------|
|
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
||||||
| Docker | [](https://docs.plane.so/docker-compose) |
|
| Docker | [](https://docs.plane.so/docker-compose) |
|
||||||
| Kubernetes | [](https://docs.plane.so/kubernetes) |
|
| Kubernetes | [](https://docs.plane.so/kubernetes) |
|
||||||
|
|
||||||
`Instance admin` can configure instance settings using our [God-mode](https://docs.plane.so/instance-admin) feature.
|
`Instance admin` can configure instance settings using our [God-mode](https://docs.plane.so/instance-admin) feature.
|
||||||
|
|
||||||
## 🚀 Features
|
## 🚀 Features
|
||||||
|
|
||||||
@ -74,9 +72,7 @@ If you want more control over your data prefer to self-host Plane, please refer
|
|||||||
|
|
||||||
- **Analytics**: Get insights into all your Plane data in real-time. Visualize issue data to spot trends, remove blockers, and progress your work.
|
- **Analytics**: Get insights into all your Plane data in real-time. Visualize issue data to spot trends, remove blockers, and progress your work.
|
||||||
|
|
||||||
- **Drive** (*coming soon*): The drive helps you share documents, images, videos, or any other files that make sense to you or your team and align on the problem/solution.
|
- **Drive** (_coming soon_): The drive helps you share documents, images, videos, or any other files that make sense to you or your team and align on the problem/solution.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 🛠️ Contributors Quick Start
|
## 🛠️ Contributors Quick Start
|
||||||
|
|
||||||
@ -104,7 +100,7 @@ Setting up local environment is extremely easy and straight forward. Follow the
|
|||||||
6. Review the `.env` files available in various folders.
|
6. Review the `.env` files available in various folders.
|
||||||
Visit [Environment Setup](./ENV_SETUP.md) to know about various environment variables used in system.
|
Visit [Environment Setup](./ENV_SETUP.md) to know about various environment variables used in system.
|
||||||
7. Run the docker command to initiate services:
|
7. Run the docker command to initiate services:
|
||||||
```
|
```
|
||||||
docker compose -f docker-compose-local.yml up -d
|
docker compose -f docker-compose-local.yml up -d
|
||||||
```
|
```
|
||||||
|
|
||||||
@ -119,6 +115,7 @@ The Plane community can be found on [GitHub Discussions](https://github.com/orgs
|
|||||||
Ask questions, report bugs, join discussions, voice ideas, make feature requests, or share your projects.
|
Ask questions, report bugs, join discussions, voice ideas, make feature requests, or share your projects.
|
||||||
|
|
||||||
### Repo Activity
|
### Repo Activity
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 📸 Screenshots
|
## 📸 Screenshots
|
||||||
@ -188,10 +185,11 @@ Email squawk@plane.so to disclose any security vulnerabilities.
|
|||||||
## ❤️ Contribute
|
## ❤️ Contribute
|
||||||
|
|
||||||
There are many ways to contribute to Plane, including:
|
There are many ways to contribute to Plane, including:
|
||||||
- Submitting [bugs](https://github.com/makeplane/plane/issues/new?assignees=srinivaspendem%2Cpushya22&labels=%F0%9F%90%9Bbug&projects=&template=--bug-report.yaml&title=%5Bbug%5D%3A+) and [feature requests](https://github.com/makeplane/plane/issues/new?assignees=srinivaspendem%2Cpushya22&labels=%E2%9C%A8feature&projects=&template=--feature-request.yaml&title=%5Bfeature%5D%3A+) for various components.
|
|
||||||
- Reviewing [the documentation](https://docs.plane.so/) and submitting [pull requests](https://github.com/makeplane/plane), from fixing typos to adding new features.
|
- Submitting [bugs](https://github.com/makeplane/plane/issues/new?assignees=srinivaspendem%2Cpushya22&labels=%F0%9F%90%9Bbug&projects=&template=--bug-report.yaml&title=%5Bbug%5D%3A+) and [feature requests](https://github.com/makeplane/plane/issues/new?assignees=srinivaspendem%2Cpushya22&labels=%E2%9C%A8feature&projects=&template=--feature-request.yaml&title=%5Bfeature%5D%3A+) for various components.
|
||||||
- Speaking or writing about Plane or any other ecosystem integration and [letting us know](https://discord.com/invite/A92xrEGCge)!
|
- Reviewing [the documentation](https://docs.plane.so/) and submitting [pull requests](https://github.com/makeplane/plane), from fixing typos to adding new features.
|
||||||
- Upvoting [popular feature requests](https://github.com/makeplane/plane/issues) to show your support.
|
- Speaking or writing about Plane or any other ecosystem integration and [letting us know](https://discord.com/invite/A92xrEGCge)!
|
||||||
|
- Upvoting [popular feature requests](https://github.com/makeplane/plane/issues) to show your support.
|
||||||
|
|
||||||
### We couldn't have done this without you.
|
### We couldn't have done this without you.
|
||||||
|
|
||||||
|
|||||||
@ -31,11 +31,11 @@ curl -fsSL https://raw.githubusercontent.com/makeplane/plane/preview/deploy/1-cl
|
|||||||
```
|
```
|
||||||
|
|
||||||
NOTE: `Preview` builds do not support ARM64/AARCH64 CPU architecture
|
NOTE: `Preview` builds do not support ARM64/AARCH64 CPU architecture
|
||||||
|
|
||||||
</details>
|
</details>
|
||||||
|
|
||||||
--
|
--
|
||||||
|
|
||||||
|
|
||||||
Expect this after a successful install
|
Expect this after a successful install
|
||||||
|
|
||||||
|
|
||||||
@ -51,18 +51,21 @@ Plane App is available via the command `plane-app`. Running the command `plane-a
|
|||||||
|
|
||||||
|
|
||||||
<ins>Basic Operations</ins>:
|
<ins>Basic Operations</ins>:
|
||||||
|
|
||||||
1. Start Server using `plane-app start`
|
1. Start Server using `plane-app start`
|
||||||
1. Stop Server using `plane-app stop`
|
1. Stop Server using `plane-app stop`
|
||||||
1. Restart Server using `plane-app restart`
|
1. Restart Server using `plane-app restart`
|
||||||
|
|
||||||
<ins>Advanced Operations</ins>:
|
<ins>Advanced Operations</ins>:
|
||||||
|
|
||||||
1. Configure Plane using `plane-app --configure`. This will give you options to modify
|
1. Configure Plane using `plane-app --configure`. This will give you options to modify
|
||||||
- NGINX Port (default 80)
|
|
||||||
- Domain Name (default is the local server public IP address)
|
- NGINX Port (default 80)
|
||||||
- File Upload Size (default 5MB)
|
- Domain Name (default is the local server public IP address)
|
||||||
- External Postgres DB Url (optional - default empty)
|
- File Upload Size (default 5MB)
|
||||||
- External Redis URL (optional - default empty)
|
- External Postgres DB Url (optional - default empty)
|
||||||
- AWS S3 Bucket (optional - to be configured only in case the user wants to use an S3 Bucket)
|
- External Redis URL (optional - default empty)
|
||||||
|
- AWS S3 Bucket (optional - to be configured only in case the user wants to use an S3 Bucket)
|
||||||
|
|
||||||
1. Upgrade Plane using `plane-app --upgrade`. This will get the latest stable version of Plane files (docker-compose.yaml, .env, and docker images)
|
1. Upgrade Plane using `plane-app --upgrade`. This will get the latest stable version of Plane files (docker-compose.yaml, .env, and docker images)
|
||||||
|
|
||||||
@ -73,6 +76,7 @@ Plane App is available via the command `plane-app`. Running the command `plane-a
|
|||||||
1. Plane App can be reinstalled using `plane-app --install`.
|
1. Plane App can be reinstalled using `plane-app --install`.
|
||||||
|
|
||||||
<ins>Application Data is stored in the mentioned folders</ins>:
|
<ins>Application Data is stored in the mentioned folders</ins>:
|
||||||
|
|
||||||
1. DB Data: /opt/plane/data/postgres
|
1. DB Data: /opt/plane/data/postgres
|
||||||
1. Redis Data: /opt/plane/data/redis
|
1. Redis Data: /opt/plane/data/redis
|
||||||
1. Minio Data: /opt/plane/data/minio
|
1. Minio Data: /opt/plane/data/minio
|
||||||
@ -59,8 +59,7 @@
|
|||||||
"@types/node": "18.15.3",
|
"@types/node": "18.15.3",
|
||||||
"@types/react": "^18.2.42",
|
"@types/react": "^18.2.42",
|
||||||
"@types/react-dom": "^18.2.17",
|
"@types/react-dom": "^18.2.17",
|
||||||
"eslint": "^7.32.0",
|
"eslint-config-custom": "*",
|
||||||
"eslint-config-next": "13.2.4",
|
|
||||||
"postcss": "^8.4.29",
|
"postcss": "^8.4.29",
|
||||||
"tailwind-config-custom": "*",
|
"tailwind-config-custom": "*",
|
||||||
"tsconfig": "*",
|
"tsconfig": "*",
|
||||||
|
|||||||
@ -37,7 +37,6 @@
|
|||||||
"@tiptap/extension-placeholder": "^2.1.13",
|
"@tiptap/extension-placeholder": "^2.1.13",
|
||||||
"@tiptap/pm": "^2.1.13",
|
"@tiptap/pm": "^2.1.13",
|
||||||
"@tiptap/suggestion": "^2.1.13",
|
"@tiptap/suggestion": "^2.1.13",
|
||||||
"eslint-config-next": "13.2.4",
|
|
||||||
"lucide-react": "^0.309.0",
|
"lucide-react": "^0.309.0",
|
||||||
"react-popper": "^2.3.0",
|
"react-popper": "^2.3.0",
|
||||||
"tippy.js": "^6.3.7",
|
"tippy.js": "^6.3.7",
|
||||||
@ -47,7 +46,7 @@
|
|||||||
"@types/node": "18.15.3",
|
"@types/node": "18.15.3",
|
||||||
"@types/react": "^18.2.42",
|
"@types/react": "^18.2.42",
|
||||||
"@types/react-dom": "^18.2.17",
|
"@types/react-dom": "^18.2.17",
|
||||||
"eslint": "8.36.0",
|
"eslint-config-custom": "*",
|
||||||
"postcss": "^8.4.29",
|
"postcss": "^8.4.29",
|
||||||
"tailwind-config-custom": "*",
|
"tailwind-config-custom": "*",
|
||||||
"tsconfig": "*",
|
"tsconfig": "*",
|
||||||
|
|||||||
@ -15,7 +15,7 @@ export const ContentBrowser = (props: ContentBrowserProps) => {
|
|||||||
const handleOnClick = (marking: IMarking) => {
|
const handleOnClick = (marking: IMarking) => {
|
||||||
scrollSummary(editor, marking);
|
scrollSummary(editor, marking);
|
||||||
if (setSidePeekVisible) setSidePeekVisible(false);
|
if (setSidePeekVisible) setSidePeekVisible(false);
|
||||||
}
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex h-full flex-col overflow-hidden">
|
<div className="flex h-full flex-col overflow-hidden">
|
||||||
|
|||||||
@ -33,8 +33,9 @@ export const SummaryPopover: React.FC<Props> = (props) => {
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
ref={setReferenceElement}
|
ref={setReferenceElement}
|
||||||
className={`grid h-7 w-7 place-items-center rounded ${sidePeekVisible ? "bg-custom-primary-100/20 text-custom-primary-100" : "text-custom-text-300"
|
className={`grid h-7 w-7 place-items-center rounded ${
|
||||||
}`}
|
sidePeekVisible ? "bg-custom-primary-100/20 text-custom-primary-100" : "text-custom-text-300"
|
||||||
|
}`}
|
||||||
onClick={() => setSidePeekVisible(!sidePeekVisible)}
|
onClick={() => setSidePeekVisible(!sidePeekVisible)}
|
||||||
>
|
>
|
||||||
<List className="h-4 w-4" />
|
<List className="h-4 w-4" />
|
||||||
|
|||||||
@ -26,4 +26,3 @@ export const DocumentEditorExtensions = (
|
|||||||
}),
|
}),
|
||||||
IssueWidgetPlaceholder(),
|
IssueWidgetPlaceholder(),
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@ -33,7 +33,6 @@
|
|||||||
"@tiptap/pm": "^2.1.13",
|
"@tiptap/pm": "^2.1.13",
|
||||||
"@tiptap/react": "^2.1.13",
|
"@tiptap/react": "^2.1.13",
|
||||||
"@tiptap/suggestion": "^2.1.13",
|
"@tiptap/suggestion": "^2.1.13",
|
||||||
"eslint-config-next": "13.2.4",
|
|
||||||
"lucide-react": "^0.294.0",
|
"lucide-react": "^0.294.0",
|
||||||
"tippy.js": "^6.3.7"
|
"tippy.js": "^6.3.7"
|
||||||
},
|
},
|
||||||
@ -41,7 +40,7 @@
|
|||||||
"@types/node": "18.15.3",
|
"@types/node": "18.15.3",
|
||||||
"@types/react": "^18.2.42",
|
"@types/react": "^18.2.42",
|
||||||
"@types/react-dom": "^18.2.17",
|
"@types/react-dom": "^18.2.17",
|
||||||
"eslint": "8.36.0",
|
"eslint-config-custom": "*",
|
||||||
"postcss": "^8.4.29",
|
"postcss": "^8.4.29",
|
||||||
"tailwind-config-custom": "*",
|
"tailwind-config-custom": "*",
|
||||||
"tsconfig": "*",
|
"tsconfig": "*",
|
||||||
|
|||||||
@ -36,10 +36,9 @@
|
|||||||
"@types/node": "18.15.3",
|
"@types/node": "18.15.3",
|
||||||
"@types/react": "^18.2.42",
|
"@types/react": "^18.2.42",
|
||||||
"@types/react-dom": "^18.2.17",
|
"@types/react-dom": "^18.2.17",
|
||||||
"eslint": "^7.32.0",
|
"eslint-config-custom": "*",
|
||||||
"postcss": "^8.4.29",
|
"postcss": "^8.4.29",
|
||||||
"tailwind-config-custom": "*",
|
"tailwind-config-custom": "*",
|
||||||
"eslint-config-custom": "*",
|
|
||||||
"tsconfig": "*",
|
"tsconfig": "*",
|
||||||
"tsup": "^7.2.0",
|
"tsup": "^7.2.0",
|
||||||
"typescript": "4.9.5"
|
"typescript": "4.9.5"
|
||||||
|
|||||||
@ -39,7 +39,7 @@
|
|||||||
"@types/node": "18.15.3",
|
"@types/node": "18.15.3",
|
||||||
"@types/react": "^18.2.42",
|
"@types/react": "^18.2.42",
|
||||||
"@types/react-dom": "^18.2.17",
|
"@types/react-dom": "^18.2.17",
|
||||||
"eslint": "^7.32.0",
|
"eslint-config-custom": "*",
|
||||||
"postcss": "^8.4.29",
|
"postcss": "^8.4.29",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"tailwind-config-custom": "*",
|
"tailwind-config-custom": "*",
|
||||||
|
|||||||
@ -1,22 +1,43 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
extends: ["next", "turbo", "prettier"],
|
extends: [
|
||||||
|
"next",
|
||||||
|
"turbo",
|
||||||
|
"prettier",
|
||||||
|
"plugin:@typescript-eslint/recommended",
|
||||||
|
],
|
||||||
parser: "@typescript-eslint/parser",
|
parser: "@typescript-eslint/parser",
|
||||||
plugins: ["react", "@typescript-eslint"],
|
parserOptions: {
|
||||||
|
ecmaVersion: 2021, // Or the ECMAScript version you are using
|
||||||
|
sourceType: "module", // Or 'script' if you're using CommonJS or other modules
|
||||||
|
},
|
||||||
|
plugins: ["react", "@typescript-eslint", "import"],
|
||||||
settings: {
|
settings: {
|
||||||
next: {
|
next: {
|
||||||
rootDir: ["web/", "space/", "packages/*/"],
|
rootDir: ["web/", "space/", "packages/*/"],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
"@next/next/no-html-link-for-pages": "off",
|
|
||||||
"react/jsx-key": "off",
|
|
||||||
"prefer-const": "error",
|
"prefer-const": "error",
|
||||||
"no-irregular-whitespace": "error",
|
"no-irregular-whitespace": "error",
|
||||||
"no-trailing-spaces": "error",
|
"no-trailing-spaces": "error",
|
||||||
"no-duplicate-imports": "error",
|
"no-duplicate-imports": "error",
|
||||||
"arrow-body-style": ["error", "as-needed"],
|
"arrow-body-style": ["error", "as-needed"],
|
||||||
"react/self-closing-comp": ["error", { component: true, html: true }],
|
"@next/next/no-html-link-for-pages": "off",
|
||||||
"@next/next/no-img-element": "off",
|
"@next/next/no-img-element": "off",
|
||||||
"@typescript-eslint/no-unused-vars": ["warn"],
|
"react/jsx-key": "error",
|
||||||
|
"react/self-closing-comp": ["error", { component: true, html: true }],
|
||||||
|
"react/jsx-boolean-value": "error",
|
||||||
|
"react/jsx-no-duplicate-props": "error",
|
||||||
|
"@typescript-eslint/no-unused-vars": ["error"],
|
||||||
|
"@typescript-eslint/no-explicit-any": "warn",
|
||||||
|
"@typescript-eslint/no-useless-empty-export": "error",
|
||||||
|
"@typescript-eslint/prefer-ts-expect-error": "error",
|
||||||
|
"@typescript-eslint/naming-convention": [
|
||||||
|
"error",
|
||||||
|
{
|
||||||
|
selector: ["function", "variable"],
|
||||||
|
format: ["camelCase", "snake_case", "UPPER_CASE", "PascalCase"],
|
||||||
|
},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@ -4,18 +4,16 @@
|
|||||||
"version": "0.16.0",
|
"version": "0.16.0",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
|
"devDependencies": {},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"eslint": "^7.23.0",
|
"@typescript-eslint/eslint-plugin": "^7.1.1",
|
||||||
"eslint-config-next": "13.0.0",
|
"@typescript-eslint/parser": "^7.1.1",
|
||||||
"eslint-config-prettier": "^8.3.0",
|
"eslint": "^8.57.0",
|
||||||
"eslint-config-turbo": "latest",
|
"eslint-config-next": "^14.1.0",
|
||||||
"eslint-plugin-react": "7.31.8"
|
"eslint-config-prettier": "^9.1.0",
|
||||||
},
|
"eslint-config-turbo": "^1.12.4",
|
||||||
"devDependencies": {
|
"eslint-plugin-import": "^2.29.1",
|
||||||
"@typescript-eslint/eslint-plugin": "^6.13.2",
|
"eslint-plugin-react": "^7.33.2",
|
||||||
"typescript": "^4.7.4"
|
"typescript": "^5.3.3"
|
||||||
},
|
|
||||||
"publishConfig": {
|
|
||||||
"access": "public"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
7
packages/types/src/pages.d.ts
vendored
7
packages/types/src/pages.d.ts
vendored
@ -1,5 +1,10 @@
|
|||||||
// types
|
// types
|
||||||
import { TIssue, IIssueLabel, IWorkspaceLite, IProjectLite } from "@plane/types";
|
import {
|
||||||
|
TIssue,
|
||||||
|
IIssueLabel,
|
||||||
|
IWorkspaceLite,
|
||||||
|
IProjectLite,
|
||||||
|
} from "@plane/types";
|
||||||
|
|
||||||
export interface IPage {
|
export interface IPage {
|
||||||
access: number;
|
access: number;
|
||||||
|
|||||||
7
packages/types/src/state.d.ts
vendored
7
packages/types/src/state.d.ts
vendored
@ -1,6 +1,11 @@
|
|||||||
import { IProject, IProjectLite, IWorkspaceLite } from "@plane/types";
|
import { IProject, IProjectLite, IWorkspaceLite } from "@plane/types";
|
||||||
|
|
||||||
export type TStateGroups = "backlog" | "unstarted" | "started" | "completed" | "cancelled";
|
export type TStateGroups =
|
||||||
|
| "backlog"
|
||||||
|
| "unstarted"
|
||||||
|
| "started"
|
||||||
|
| "completed"
|
||||||
|
| "cancelled";
|
||||||
|
|
||||||
export interface IState {
|
export interface IState {
|
||||||
readonly id: string;
|
readonly id: string;
|
||||||
|
|||||||
6
packages/types/src/views.d.ts
vendored
6
packages/types/src/views.d.ts
vendored
@ -1,4 +1,8 @@
|
|||||||
import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "./view-props";
|
import {
|
||||||
|
IIssueDisplayFilterOptions,
|
||||||
|
IIssueDisplayProperties,
|
||||||
|
IIssueFilterOptions,
|
||||||
|
} from "./view-props";
|
||||||
|
|
||||||
export interface IProjectView {
|
export interface IProjectView {
|
||||||
id: string;
|
id: string;
|
||||||
|
|||||||
@ -122,14 +122,14 @@ export const badgeStyling: IBadgeStyling = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export const getBadgeStyling = (variant: TBadgeVariant, size: TBadgeSizes, disabled: boolean = false): string => {
|
export const getBadgeStyling = (variant: TBadgeVariant, size: TBadgeSizes, disabled: boolean = false): string => {
|
||||||
let _variant: string = ``;
|
let tempVariant: string = ``;
|
||||||
const currentVariant = badgeStyling[variant];
|
const currentVariant = badgeStyling[variant];
|
||||||
|
|
||||||
_variant = `${currentVariant.default} ${disabled ? currentVariant.disabled : currentVariant.hover}`;
|
tempVariant = `${currentVariant.default} ${disabled ? currentVariant.disabled : currentVariant.hover}`;
|
||||||
|
|
||||||
let _size: string = ``;
|
let tempSize: string = ``;
|
||||||
if (size) _size = badgeSizeStyling[size];
|
if (size) tempSize = badgeSizeStyling[size];
|
||||||
return `${_variant} ${_size}`;
|
return `${tempVariant} ${tempSize}`;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const getIconStyling = (size: TBadgeSizes): string => {
|
export const getIconStyling = (size: TBadgeSizes): string => {
|
||||||
|
|||||||
@ -29,13 +29,10 @@ const Breadcrumbs = ({ children, onBack }: BreadcrumbsProps) => {
|
|||||||
<React.Fragment key={index}>
|
<React.Fragment key={index}>
|
||||||
{index > 0 && !isSmallScreen && (
|
{index > 0 && !isSmallScreen && (
|
||||||
<div className="flex items-center gap-2.5">
|
<div className="flex items-center gap-2.5">
|
||||||
<ChevronRight
|
<ChevronRight className="h-3.5 w-3.5 flex-shrink-0 text-custom-text-400" aria-hidden="true" />
|
||||||
className="h-3.5 w-3.5 flex-shrink-0 text-custom-text-400"
|
|
||||||
aria-hidden="true"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className={`flex items-center gap-2.5 ${isSmallScreen && index > 0 ? 'hidden sm:flex' : 'flex'}`}>
|
<div className={`flex items-center gap-2.5 ${isSmallScreen && index > 0 ? "hidden sm:flex" : "flex"}`}>
|
||||||
{child}
|
{child}
|
||||||
</div>
|
</div>
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
@ -46,7 +43,11 @@ const Breadcrumbs = ({ children, onBack }: BreadcrumbsProps) => {
|
|||||||
{isSmallScreen && childrenArray.length > 1 && (
|
{isSmallScreen && childrenArray.length > 1 && (
|
||||||
<>
|
<>
|
||||||
<div className="flex items-center gap-2.5">
|
<div className="flex items-center gap-2.5">
|
||||||
{onBack && <span onClick={onBack} className="text-custom-text-200">...</span>}
|
{onBack && (
|
||||||
|
<span onClick={onBack} className="text-custom-text-200">
|
||||||
|
...
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
<ChevronRight className="h-3.5 w-3.5 flex-shrink-0 text-custom-text-400" aria-hidden="true" />
|
<ChevronRight className="h-3.5 w-3.5 flex-shrink-0 text-custom-text-400" aria-hidden="true" />
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-2.5">{childrenArray[childrenArray.length - 1]}</div>
|
<div className="flex items-center gap-2.5">{childrenArray[childrenArray.length - 1]}</div>
|
||||||
|
|||||||
@ -100,16 +100,16 @@ export const buttonStyling: IButtonStyling = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export const getButtonStyling = (variant: TButtonVariant, size: TButtonSizes, disabled: boolean = false): string => {
|
export const getButtonStyling = (variant: TButtonVariant, size: TButtonSizes, disabled: boolean = false): string => {
|
||||||
let _variant: string = ``;
|
let tempVariant: string = ``;
|
||||||
const currentVariant = buttonStyling[variant];
|
const currentVariant = buttonStyling[variant];
|
||||||
|
|
||||||
_variant = `${currentVariant.default} ${disabled ? currentVariant.disabled : currentVariant.hover} ${
|
tempVariant = `${currentVariant.default} ${disabled ? currentVariant.disabled : currentVariant.hover} ${
|
||||||
currentVariant.pressed
|
currentVariant.pressed
|
||||||
}`;
|
}`;
|
||||||
|
|
||||||
let _size: string = ``;
|
let tempSize: string = ``;
|
||||||
if (size) _size = buttonSizeStyling[size];
|
if (size) tempSize = buttonSizeStyling[size];
|
||||||
return `${_variant} ${_size}`;
|
return `${tempVariant} ${tempSize}`;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const getIconStyling = (size: TButtonSizes): string => {
|
export const getIconStyling = (size: TButtonSizes): string => {
|
||||||
|
|||||||
@ -12,7 +12,7 @@ export const ControlLink: React.FC<TControlLink> = (props) => {
|
|||||||
const { href, onClick, children, target = "_self", disabled = false, ...rest } = props;
|
const { href, onClick, children, target = "_self", disabled = false, ...rest } = props;
|
||||||
const LEFT_CLICK_EVENT_CODE = 0;
|
const LEFT_CLICK_EVENT_CODE = 0;
|
||||||
|
|
||||||
const _onClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
|
const handleOnClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
|
||||||
const clickCondition = (event.metaKey || event.ctrlKey) && event.button === LEFT_CLICK_EVENT_CODE;
|
const clickCondition = (event.metaKey || event.ctrlKey) && event.button === LEFT_CLICK_EVENT_CODE;
|
||||||
if (!clickCondition) {
|
if (!clickCondition) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
@ -23,7 +23,7 @@ export const ControlLink: React.FC<TControlLink> = (props) => {
|
|||||||
if (disabled) return <>{children}</>;
|
if (disabled) return <>{children}</>;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<a href={href} target={target} onClick={_onClick} {...rest}>
|
<a href={href} target={target} onClick={handleOnClick} {...rest}>
|
||||||
{children}
|
{children}
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -67,13 +67,13 @@ const DropdownList: React.FC<DropDownListProps> = (props) => {
|
|||||||
|
|
||||||
const DropdownItem: React.FC<DropdownItemProps> = (props) => {
|
const DropdownItem: React.FC<DropdownItemProps> = (props) => {
|
||||||
const { item } = props;
|
const { item } = props;
|
||||||
const { display, children, as: as_, href, onClick, isSelected } = item;
|
const { display, children, as: itemAs, href, onClick, isSelected } = item;
|
||||||
|
|
||||||
const [open, setOpen] = useState(false);
|
const [open, setOpen] = useState(false);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="group relative flex w-full gap-x-6 rounded-lg p-1">
|
<div className="group relative flex w-full gap-x-6 rounded-lg p-1">
|
||||||
{(!as_ || as_ === "button" || as_ === "div") && (
|
{(!itemAs || itemAs === "button" || itemAs === "div") && (
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
@ -94,7 +94,7 @@ const DropdownItem: React.FC<DropdownItemProps> = (props) => {
|
|||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{as_ === "link" && <Link href={href || "#"}>{display}</Link>}
|
{itemAs === "link" && <Link href={href || "#"}>{display}</Link>}
|
||||||
|
|
||||||
{children && <DropdownList open={open} handleClose={() => setOpen(false)} items={children} />}
|
{children && <DropdownList open={open} handleClose={() => setOpen(false)} items={children} />}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,10 +9,10 @@ let rootStore: RootStore = new RootStore();
|
|||||||
export const MobxStoreContext = createContext<RootStore>(rootStore);
|
export const MobxStoreContext = createContext<RootStore>(rootStore);
|
||||||
|
|
||||||
const initializeStore = () => {
|
const initializeStore = () => {
|
||||||
const _rootStore: RootStore = rootStore ?? new RootStore();
|
const singletonRootStore: RootStore = rootStore ?? new RootStore();
|
||||||
if (typeof window === "undefined") return _rootStore;
|
if (typeof window === "undefined") return singletonRootStore;
|
||||||
if (!rootStore) rootStore = _rootStore;
|
if (!rootStore) rootStore = singletonRootStore;
|
||||||
return _rootStore;
|
return singletonRootStore;
|
||||||
};
|
};
|
||||||
|
|
||||||
export const MobxStoreProvider = ({ children }: any) => {
|
export const MobxStoreProvider = ({ children }: any) => {
|
||||||
|
|||||||
@ -49,9 +49,7 @@
|
|||||||
"@types/react-dom": "^18.2.17",
|
"@types/react-dom": "^18.2.17",
|
||||||
"@types/uuid": "^9.0.1",
|
"@types/uuid": "^9.0.1",
|
||||||
"@typescript-eslint/eslint-plugin": "^5.48.2",
|
"@typescript-eslint/eslint-plugin": "^5.48.2",
|
||||||
"eslint": "8.34.0",
|
|
||||||
"eslint-config-custom": "*",
|
"eslint-config-custom": "*",
|
||||||
"eslint-config-next": "13.2.1",
|
|
||||||
"tailwind-config-custom": "*",
|
"tailwind-config-custom": "*",
|
||||||
"tsconfig": "*"
|
"tsconfig": "*"
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,103 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
root: true,
|
root: true,
|
||||||
extends: ["custom"],
|
extends: ["custom"],
|
||||||
|
parser: "@typescript-eslint/parser",
|
||||||
|
settings: {
|
||||||
|
"import/resolver": {
|
||||||
|
typescript: {},
|
||||||
|
node: {
|
||||||
|
moduleDirectory: ["node_modules", "."],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
// "import/order": [
|
||||||
|
// "error",
|
||||||
|
// {
|
||||||
|
// groups: ["builtin", "external", "internal", "parent", "sibling"],
|
||||||
|
// pathGroups: [
|
||||||
|
// {
|
||||||
|
// pattern: "react",
|
||||||
|
// group: "external",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "@headlessui/**",
|
||||||
|
// group: "external",
|
||||||
|
// position: "after",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "lucide-react",
|
||||||
|
// group: "external",
|
||||||
|
// position: "after",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "@plane/ui",
|
||||||
|
// group: "external",
|
||||||
|
// position: "after",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "components/**",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "constants/**",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "contexts/**",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "helpers/**",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "hooks/**",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "layouts/**",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "lib/**",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "services/**",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "store/**",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "before",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "@plane/types",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "after",
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// pattern: "lib/types",
|
||||||
|
// group: "internal",
|
||||||
|
// position: "after",
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
// pathGroupsExcludedImportTypes: ["builtin", "internal", "react"],
|
||||||
|
// alphabetize: {
|
||||||
|
// order: "asc",
|
||||||
|
// caseInsensitive: true,
|
||||||
|
// },
|
||||||
|
// },
|
||||||
|
// ],
|
||||||
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,13 +1,13 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import { useTheme } from "next-themes";
|
import { useTheme } from "next-themes";
|
||||||
|
import { mutate } from "swr";
|
||||||
import { Dialog, Transition } from "@headlessui/react";
|
import { Dialog, Transition } from "@headlessui/react";
|
||||||
import { Trash2 } from "lucide-react";
|
import { Trash2 } from "lucide-react";
|
||||||
import { mutate } from "swr";
|
|
||||||
// hooks
|
// hooks
|
||||||
import { useUser } from "hooks/store";
|
|
||||||
// ui
|
// ui
|
||||||
import { Button, TOAST_TYPE, setToast } from "@plane/ui";
|
import { Button, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
import { useUser } from "hooks/store";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
isOpen: boolean;
|
isOpen: boolean;
|
||||||
@ -86,9 +86,9 @@ export const DeactivateAccountModal: React.FC<Props> = (props) => {
|
|||||||
<div className="px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
|
<div className="px-4 pb-4 pt-5 sm:p-6 sm:pb-4">
|
||||||
<div className="">
|
<div className="">
|
||||||
<div className="flex items-start gap-x-4">
|
<div className="flex items-start gap-x-4">
|
||||||
<div className="grid place-items-center rounded-full bg-red-500/20 p-2 sm:p-2 md:p-4 lg:p-4 mt-3 sm:mt-3 md:mt-0 lg:mt-0 ">
|
<div className="mt-3 grid place-items-center rounded-full bg-red-500/20 p-2 sm:mt-3 sm:p-2 md:mt-0 md:p-4 lg:mt-0 lg:p-4 ">
|
||||||
<Trash2
|
<Trash2
|
||||||
className="h-4 w-4 sm:h-4 sm:w-4 md:h-6 md:w-6 lg:h-6 lg:w-6 text-red-600"
|
className="h-4 w-4 text-red-600 sm:h-4 sm:w-4 md:h-6 md:w-6 lg:h-6 lg:w-6"
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,12 +1,10 @@
|
|||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
// services
|
// services
|
||||||
import { AuthService } from "services/auth.service";
|
import { TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
// hooks
|
import { GitHubSignInButton, GoogleSignInButton } from "components/account";
|
||||||
import { useApplication } from "hooks/store";
|
import { useApplication } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// components
|
// components
|
||||||
import { GitHubSignInButton, GoogleSignInButton } from "components/account";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
handleSignInRedirection: () => Promise<void>;
|
handleSignInRedirection: () => Promise<void>;
|
||||||
|
|||||||
@ -157,7 +157,7 @@ export const SignInOptionalSetPasswordForm: React.FC<Props> = (props) => {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
<p className="text-onboarding-text-200 text-xs mt-2 pb-3">
|
<p className="mt-2 pb-3 text-xs text-onboarding-text-200">
|
||||||
Whatever you choose now will be your account{"'"}s password until you change it.
|
Whatever you choose now will be your account{"'"}s password until you change it.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,22 +1,22 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import Link from "next/link";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import Link from "next/link";
|
||||||
import { Controller, useForm } from "react-hook-form";
|
import { Controller, useForm } from "react-hook-form";
|
||||||
import { Eye, EyeOff, XCircle } from "lucide-react";
|
import { Eye, EyeOff, XCircle } from "lucide-react";
|
||||||
// services
|
// services
|
||||||
|
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
import { ESignInSteps, ForgotPasswordPopover } from "components/account";
|
||||||
|
import { FORGOT_PASSWORD, SIGN_IN_WITH_PASSWORD } from "constants/event-tracker";
|
||||||
|
import { checkEmailValidity } from "helpers/string.helper";
|
||||||
|
import { useApplication, useEventTracker } from "hooks/store";
|
||||||
import { AuthService } from "services/auth.service";
|
import { AuthService } from "services/auth.service";
|
||||||
// hooks
|
// hooks
|
||||||
import { useApplication, useEventTracker } from "hooks/store";
|
|
||||||
// components
|
// components
|
||||||
import { ESignInSteps, ForgotPasswordPopover } from "components/account";
|
|
||||||
// ui
|
// ui
|
||||||
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// helpers
|
// helpers
|
||||||
import { checkEmailValidity } from "helpers/string.helper";
|
|
||||||
// types
|
// types
|
||||||
import { IPasswordSignInData } from "@plane/types";
|
import { IPasswordSignInData } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { FORGOT_PASSWORD, SIGN_IN_WITH_PASSWORD } from "constants/event-tracker";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
email: string;
|
email: string;
|
||||||
|
|||||||
@ -1,11 +1,7 @@
|
|||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import Link from "next/link";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import Link from "next/link";
|
||||||
// hooks
|
// hooks
|
||||||
import { useApplication, useEventTracker } from "hooks/store";
|
|
||||||
import useSignInRedirection from "hooks/use-sign-in-redirection";
|
|
||||||
// components
|
|
||||||
import { LatestFeatureBlock } from "components/common";
|
|
||||||
import {
|
import {
|
||||||
SignInEmailForm,
|
SignInEmailForm,
|
||||||
SignInUniqueCodeForm,
|
SignInUniqueCodeForm,
|
||||||
@ -13,8 +9,12 @@ import {
|
|||||||
OAuthOptions,
|
OAuthOptions,
|
||||||
SignInOptionalSetPasswordForm,
|
SignInOptionalSetPasswordForm,
|
||||||
} from "components/account";
|
} from "components/account";
|
||||||
// constants
|
import { LatestFeatureBlock } from "components/common";
|
||||||
import { NAVIGATE_TO_SIGNUP } from "constants/event-tracker";
|
import { NAVIGATE_TO_SIGNUP } from "constants/event-tracker";
|
||||||
|
import { useApplication, useEventTracker } from "hooks/store";
|
||||||
|
import useSignInRedirection from "hooks/use-sign-in-redirection";
|
||||||
|
// components
|
||||||
|
// constants
|
||||||
|
|
||||||
export enum ESignInSteps {
|
export enum ESignInSteps {
|
||||||
EMAIL = "EMAIL",
|
EMAIL = "EMAIL",
|
||||||
|
|||||||
@ -2,19 +2,21 @@ import React, { useState } from "react";
|
|||||||
import { Controller, useForm } from "react-hook-form";
|
import { Controller, useForm } from "react-hook-form";
|
||||||
import { XCircle } from "lucide-react";
|
import { XCircle } from "lucide-react";
|
||||||
// services
|
// services
|
||||||
|
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
|
||||||
|
import { CODE_VERIFIED } from "constants/event-tracker";
|
||||||
|
import { checkEmailValidity } from "helpers/string.helper";
|
||||||
|
import { useEventTracker } from "hooks/store";
|
||||||
|
|
||||||
|
import useTimer from "hooks/use-timer";
|
||||||
import { AuthService } from "services/auth.service";
|
import { AuthService } from "services/auth.service";
|
||||||
import { UserService } from "services/user.service";
|
import { UserService } from "services/user.service";
|
||||||
// hooks
|
// hooks
|
||||||
import useTimer from "hooks/use-timer";
|
|
||||||
import { useEventTracker } from "hooks/store";
|
|
||||||
// ui
|
// ui
|
||||||
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// helpers
|
// helpers
|
||||||
import { checkEmailValidity } from "helpers/string.helper";
|
|
||||||
// types
|
// types
|
||||||
import { IEmailCheckData, IMagicSignInData } from "@plane/types";
|
import { IEmailCheckData, IMagicSignInData } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { CODE_VERIFIED } from "constants/event-tracker";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
email: string;
|
email: string;
|
||||||
|
|||||||
@ -1,13 +1,13 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
import { Controller, useForm } from "react-hook-form";
|
import { Controller, useForm } from "react-hook-form";
|
||||||
import { XCircle } from "lucide-react";
|
import { XCircle } from "lucide-react";
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
// services
|
// services
|
||||||
|
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
import { checkEmailValidity } from "helpers/string.helper";
|
||||||
import { AuthService } from "services/auth.service";
|
import { AuthService } from "services/auth.service";
|
||||||
// ui
|
// ui
|
||||||
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// helpers
|
// helpers
|
||||||
import { checkEmailValidity } from "helpers/string.helper";
|
|
||||||
// types
|
// types
|
||||||
import { IEmailCheckData } from "@plane/types";
|
import { IEmailCheckData } from "@plane/types";
|
||||||
|
|
||||||
|
|||||||
@ -1,19 +1,19 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import { Controller, useForm } from "react-hook-form";
|
import { Controller, useForm } from "react-hook-form";
|
||||||
// services
|
// services
|
||||||
|
import { Eye, EyeOff } from "lucide-react";
|
||||||
|
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
import { ESignUpSteps } from "components/account";
|
||||||
|
import { PASSWORD_CREATE_SKIPPED, SETUP_PASSWORD } from "constants/event-tracker";
|
||||||
|
import { checkEmailValidity } from "helpers/string.helper";
|
||||||
|
import { useEventTracker } from "hooks/store";
|
||||||
import { AuthService } from "services/auth.service";
|
import { AuthService } from "services/auth.service";
|
||||||
// hooks
|
// hooks
|
||||||
import { useEventTracker } from "hooks/store";
|
|
||||||
// ui
|
// ui
|
||||||
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// helpers
|
// helpers
|
||||||
import { checkEmailValidity } from "helpers/string.helper";
|
|
||||||
// components
|
// components
|
||||||
import { ESignUpSteps } from "components/account";
|
|
||||||
// constants
|
// constants
|
||||||
import { PASSWORD_CREATE_SELECTED, PASSWORD_CREATE_SKIPPED, SETUP_PASSWORD } from "constants/event-tracker";
|
|
||||||
// icons
|
// icons
|
||||||
import { Eye, EyeOff } from "lucide-react";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
email: string;
|
email: string;
|
||||||
@ -162,7 +162,7 @@ export const SignUpOptionalSetPasswordForm: React.FC<Props> = (props) => {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
<p className="text-onboarding-text-200 text-xs mt-2 pb-3">
|
<p className="mt-2 pb-3 text-xs text-onboarding-text-200">
|
||||||
This password will continue to be your account{"'"}s password.
|
This password will continue to be your account{"'"}s password.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,14 +1,14 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import Link from "next/link";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import Link from "next/link";
|
||||||
import { Controller, useForm } from "react-hook-form";
|
import { Controller, useForm } from "react-hook-form";
|
||||||
import { Eye, EyeOff, XCircle } from "lucide-react";
|
import { Eye, EyeOff, XCircle } from "lucide-react";
|
||||||
// services
|
// services
|
||||||
import { AuthService } from "services/auth.service";
|
|
||||||
// ui
|
// ui
|
||||||
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
// helpers
|
// helpers
|
||||||
import { checkEmailValidity } from "helpers/string.helper";
|
import { checkEmailValidity } from "helpers/string.helper";
|
||||||
|
import { AuthService } from "services/auth.service";
|
||||||
// types
|
// types
|
||||||
import { IPasswordSignInData } from "@plane/types";
|
import { IPasswordSignInData } from "@plane/types";
|
||||||
|
|
||||||
@ -134,7 +134,7 @@ export const SignUpPasswordForm: React.FC<Props> = observer((props) => {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
/>
|
/>
|
||||||
<p className="text-onboarding-text-200 text-xs mt-2 pb-3">
|
<p className="mt-2 pb-3 text-xs text-onboarding-text-200">
|
||||||
This password will continue to be your account{"'"}s password.
|
This password will continue to be your account{"'"}s password.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,9 +1,7 @@
|
|||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
// hooks
|
// hooks
|
||||||
import { useApplication, useEventTracker } from "hooks/store";
|
import Link from "next/link";
|
||||||
import useSignInRedirection from "hooks/use-sign-in-redirection";
|
|
||||||
// components
|
|
||||||
import {
|
import {
|
||||||
OAuthOptions,
|
OAuthOptions,
|
||||||
SignUpEmailForm,
|
SignUpEmailForm,
|
||||||
@ -11,9 +9,11 @@ import {
|
|||||||
SignUpPasswordForm,
|
SignUpPasswordForm,
|
||||||
SignUpUniqueCodeForm,
|
SignUpUniqueCodeForm,
|
||||||
} from "components/account";
|
} from "components/account";
|
||||||
import Link from "next/link";
|
|
||||||
// constants
|
|
||||||
import { NAVIGATE_TO_SIGNIN } from "constants/event-tracker";
|
import { NAVIGATE_TO_SIGNIN } from "constants/event-tracker";
|
||||||
|
import { useApplication, useEventTracker } from "hooks/store";
|
||||||
|
import useSignInRedirection from "hooks/use-sign-in-redirection";
|
||||||
|
// components
|
||||||
|
// constants
|
||||||
|
|
||||||
export enum ESignUpSteps {
|
export enum ESignUpSteps {
|
||||||
EMAIL = "EMAIL",
|
EMAIL = "EMAIL",
|
||||||
|
|||||||
@ -3,19 +3,20 @@ import Link from "next/link";
|
|||||||
import { Controller, useForm } from "react-hook-form";
|
import { Controller, useForm } from "react-hook-form";
|
||||||
import { XCircle } from "lucide-react";
|
import { XCircle } from "lucide-react";
|
||||||
// services
|
// services
|
||||||
|
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
|
||||||
|
import { CODE_VERIFIED } from "constants/event-tracker";
|
||||||
|
import { checkEmailValidity } from "helpers/string.helper";
|
||||||
|
import { useEventTracker } from "hooks/store";
|
||||||
|
import useTimer from "hooks/use-timer";
|
||||||
import { AuthService } from "services/auth.service";
|
import { AuthService } from "services/auth.service";
|
||||||
import { UserService } from "services/user.service";
|
import { UserService } from "services/user.service";
|
||||||
// hooks
|
// hooks
|
||||||
import useTimer from "hooks/use-timer";
|
|
||||||
import { useEventTracker } from "hooks/store";
|
|
||||||
// ui
|
// ui
|
||||||
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// helpers
|
// helpers
|
||||||
import { checkEmailValidity } from "helpers/string.helper";
|
|
||||||
// types
|
// types
|
||||||
import { IEmailCheckData, IMagicSignInData } from "@plane/types";
|
import { IEmailCheckData, IMagicSignInData } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { CODE_VERIFIED } from "constants/event-tracker";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
email: string;
|
email: string;
|
||||||
|
|||||||
@ -1,17 +1,17 @@
|
|||||||
import { useRouter } from "next/router";
|
|
||||||
import useSWR from "swr";
|
|
||||||
import { useForm } from "react-hook-form";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
|
import { useForm } from "react-hook-form";
|
||||||
|
import useSWR from "swr";
|
||||||
// services
|
// services
|
||||||
import { AnalyticsService } from "services/analytics.service";
|
|
||||||
// components
|
// components
|
||||||
import { CustomAnalyticsSelectBar, CustomAnalyticsMainContent, CustomAnalyticsSidebar } from "components/analytics";
|
import { CustomAnalyticsSelectBar, CustomAnalyticsMainContent, CustomAnalyticsSidebar } from "components/analytics";
|
||||||
// types
|
// types
|
||||||
import { IAnalyticsParams } from "@plane/types";
|
|
||||||
// fetch-keys
|
// fetch-keys
|
||||||
import { ANALYTICS } from "constants/fetch-keys";
|
import { ANALYTICS } from "constants/fetch-keys";
|
||||||
import { cn } from "helpers/common.helper";
|
import { cn } from "helpers/common.helper";
|
||||||
import { useApplication } from "hooks/store";
|
import { useApplication } from "hooks/store";
|
||||||
|
import { AnalyticsService } from "services/analytics.service";
|
||||||
|
import { IAnalyticsParams } from "@plane/types";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
additionalParams?: Partial<IAnalyticsParams>;
|
additionalParams?: Partial<IAnalyticsParams>;
|
||||||
|
|||||||
@ -60,8 +60,8 @@ export const CustomTooltip: React.FC<Props> = ({ datum, analytics, params }) =>
|
|||||||
? "capitalize"
|
? "capitalize"
|
||||||
: ""
|
: ""
|
||||||
: params.x_axis === "priority" || params.x_axis === "state__group"
|
: params.x_axis === "priority" || params.x_axis === "state__group"
|
||||||
? "capitalize"
|
? "capitalize"
|
||||||
: ""
|
: ""
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
{params.segment === "assignees__id" ? renderAssigneeName(tooltipValue.toString()) : tooltipValue}:
|
{params.segment === "assignees__id" ? renderAssigneeName(tooltipValue.toString()) : tooltipValue}:
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
// nivo
|
// nivo
|
||||||
import { BarDatum } from "@nivo/bar";
|
import { BarDatum } from "@nivo/bar";
|
||||||
// components
|
// components
|
||||||
import { CustomTooltip } from "./custom-tooltip";
|
|
||||||
import { Tooltip } from "@plane/ui";
|
import { Tooltip } from "@plane/ui";
|
||||||
// ui
|
// ui
|
||||||
import { BarGraph } from "components/ui";
|
import { BarGraph } from "components/ui";
|
||||||
// helpers
|
// helpers
|
||||||
import { findStringWithMostCharacters } from "helpers/array.helper";
|
|
||||||
import { generateBarColor, generateDisplayName } from "helpers/analytics.helper";
|
import { generateBarColor, generateDisplayName } from "helpers/analytics.helper";
|
||||||
|
import { findStringWithMostCharacters } from "helpers/array.helper";
|
||||||
// types
|
// types
|
||||||
import { IAnalyticsParams, IAnalyticsResponse } from "@plane/types";
|
import { IAnalyticsParams, IAnalyticsResponse } from "@plane/types";
|
||||||
|
import { CustomTooltip } from "./custom-tooltip";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
analytics: IAnalyticsResponse;
|
analytics: IAnalyticsResponse;
|
||||||
@ -101,8 +101,8 @@ export const AnalyticsGraph: React.FC<Props> = ({ analytics, barGraphData, param
|
|||||||
? generateDisplayName(datum.value, analytics, params, "x_axis")[0].toUpperCase()
|
? generateDisplayName(datum.value, analytics, params, "x_axis")[0].toUpperCase()
|
||||||
: "?"
|
: "?"
|
||||||
: datum.value && datum.value !== "None"
|
: datum.value && datum.value !== "None"
|
||||||
? `${datum.value}`.toUpperCase()[0]
|
? `${datum.value}`.toUpperCase()[0]
|
||||||
: "?"}
|
: "?"}
|
||||||
</text>
|
</text>
|
||||||
</g>
|
</g>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
|||||||
@ -2,15 +2,15 @@ import { useRouter } from "next/router";
|
|||||||
import { mutate } from "swr";
|
import { mutate } from "swr";
|
||||||
|
|
||||||
// components
|
// components
|
||||||
|
import { Button, Loader } from "@plane/ui";
|
||||||
import { AnalyticsGraph, AnalyticsTable } from "components/analytics";
|
import { AnalyticsGraph, AnalyticsTable } from "components/analytics";
|
||||||
// ui
|
// ui
|
||||||
import { Button, Loader } from "@plane/ui";
|
|
||||||
// helpers
|
// helpers
|
||||||
|
import { ANALYTICS } from "constants/fetch-keys";
|
||||||
import { convertResponseToBarGraphData } from "helpers/analytics.helper";
|
import { convertResponseToBarGraphData } from "helpers/analytics.helper";
|
||||||
// types
|
// types
|
||||||
import { IAnalyticsParams, IAnalyticsResponse } from "@plane/types";
|
import { IAnalyticsParams, IAnalyticsResponse } from "@plane/types";
|
||||||
// fetch-keys
|
// fetch-keys
|
||||||
import { ANALYTICS } from "constants/fetch-keys";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
analytics: IAnalyticsResponse | undefined;
|
analytics: IAnalyticsResponse | undefined;
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
import { Control, Controller, UseFormSetValue } from "react-hook-form";
|
import { Control, Controller, UseFormSetValue } from "react-hook-form";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { SelectProject, SelectSegment, SelectXAxis, SelectYAxis } from "components/analytics";
|
||||||
import { useProject } from "hooks/store";
|
import { useProject } from "hooks/store";
|
||||||
// components
|
// components
|
||||||
import { SelectProject, SelectSegment, SelectXAxis, SelectYAxis } from "components/analytics";
|
|
||||||
// types
|
// types
|
||||||
import { IAnalyticsParams } from "@plane/types";
|
import { IAnalyticsParams } from "@plane/types";
|
||||||
|
|
||||||
@ -22,8 +22,9 @@ export const CustomAnalyticsSelectBar: React.FC<Props> = observer((props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={`grid items-center gap-4 px-5 py-2.5 ${isProjectLevel ? "grid-cols-1 sm:grid-cols-3" : "grid-cols-2"} ${fullScreen ? "md:py-5 lg:grid-cols-4" : ""
|
className={`grid items-center gap-4 px-5 py-2.5 ${
|
||||||
}`}
|
isProjectLevel ? "grid-cols-1 sm:grid-cols-3" : "grid-cols-2"
|
||||||
|
} ${fullScreen ? "md:py-5 lg:grid-cols-4" : ""}`}
|
||||||
>
|
>
|
||||||
{!isProjectLevel && (
|
{!isProjectLevel && (
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { CustomSearchSelect } from "@plane/ui";
|
||||||
import { useProject } from "hooks/store";
|
import { useProject } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { CustomSearchSelect } from "@plane/ui";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
value: string[] | undefined;
|
value: string[] | undefined;
|
||||||
|
|||||||
@ -3,9 +3,9 @@ import { useRouter } from "next/router";
|
|||||||
// ui
|
// ui
|
||||||
import { CustomSelect } from "@plane/ui";
|
import { CustomSelect } from "@plane/ui";
|
||||||
// types
|
// types
|
||||||
|
import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
|
||||||
import { IAnalyticsParams, TXAxisValues } from "@plane/types";
|
import { IAnalyticsParams, TXAxisValues } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
value: TXAxisValues | null | undefined;
|
value: TXAxisValues | null | undefined;
|
||||||
|
|||||||
@ -3,9 +3,9 @@ import { useRouter } from "next/router";
|
|||||||
// ui
|
// ui
|
||||||
import { CustomSelect } from "@plane/ui";
|
import { CustomSelect } from "@plane/ui";
|
||||||
// types
|
// types
|
||||||
|
import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
|
||||||
import { IAnalyticsParams, TXAxisValues } from "@plane/types";
|
import { IAnalyticsParams, TXAxisValues } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { ANALYTICS_X_AXIS_VALUES } from "constants/analytics";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
value: TXAxisValues;
|
value: TXAxisValues;
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
// ui
|
// ui
|
||||||
import { CustomSelect } from "@plane/ui";
|
import { CustomSelect } from "@plane/ui";
|
||||||
// types
|
// types
|
||||||
|
import { ANALYTICS_Y_AXIS_VALUES } from "constants/analytics";
|
||||||
import { TYAxisValues } from "@plane/types";
|
import { TYAxisValues } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { ANALYTICS_Y_AXIS_VALUES } from "constants/analytics";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
value: TYAxisValues;
|
value: TYAxisValues;
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
// hooks
|
// hooks
|
||||||
import { useProject } from "hooks/store";
|
|
||||||
// icons
|
// icons
|
||||||
import { Contrast, LayoutGrid, Users } from "lucide-react";
|
import { Contrast, LayoutGrid, Users } from "lucide-react";
|
||||||
// helpers
|
// helpers
|
||||||
import { renderEmoji } from "helpers/emoji.helper";
|
import { renderEmoji } from "helpers/emoji.helper";
|
||||||
import { truncateText } from "helpers/string.helper";
|
import { truncateText } from "helpers/string.helper";
|
||||||
|
import { useProject } from "hooks/store";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
projectIds: string[];
|
projectIds: string[];
|
||||||
|
|||||||
@ -1,12 +1,12 @@
|
|||||||
import { useRouter } from "next/router";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { NETWORK_CHOICES } from "constants/project";
|
||||||
|
import { renderFormattedDate } from "helpers/date-time.helper";
|
||||||
|
import { renderEmoji } from "helpers/emoji.helper";
|
||||||
import { useCycle, useMember, useModule, useProject } from "hooks/store";
|
import { useCycle, useMember, useModule, useProject } from "hooks/store";
|
||||||
// helpers
|
// helpers
|
||||||
import { renderEmoji } from "helpers/emoji.helper";
|
|
||||||
import { renderFormattedDate } from "helpers/date-time.helper";
|
|
||||||
// constants
|
// constants
|
||||||
import { NETWORK_CHOICES } from "constants/project";
|
|
||||||
|
|
||||||
export const CustomAnalyticsSidebarHeader = observer(() => {
|
export const CustomAnalyticsSidebarHeader = observer(() => {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|||||||
@ -1,24 +1,24 @@
|
|||||||
import { useEffect } from "react";
|
import { useEffect } from "react";
|
||||||
import { useRouter } from "next/router";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
import { mutate } from "swr";
|
import { mutate } from "swr";
|
||||||
// services
|
// services
|
||||||
import { AnalyticsService } from "services/analytics.service";
|
|
||||||
// hooks
|
// hooks
|
||||||
import { useCycle, useModule, useProject, useUser, useWorkspace } from "hooks/store";
|
|
||||||
// components
|
// components
|
||||||
import { CustomAnalyticsSidebarHeader, CustomAnalyticsSidebarProjectsList } from "components/analytics";
|
|
||||||
// ui
|
// ui
|
||||||
|
import { CalendarDays, Download, RefreshCw } from "lucide-react";
|
||||||
import { Button, LayersIcon, TOAST_TYPE, setToast } from "@plane/ui";
|
import { Button, LayersIcon, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
// icons
|
// icons
|
||||||
import { CalendarDays, Download, RefreshCw } from "lucide-react";
|
import { CustomAnalyticsSidebarHeader, CustomAnalyticsSidebarProjectsList } from "components/analytics";
|
||||||
// helpers
|
// helpers
|
||||||
import { renderFormattedDate } from "helpers/date-time.helper";
|
|
||||||
// types
|
// types
|
||||||
import { IAnalyticsParams, IAnalyticsResponse, IExportAnalyticsFormData, IWorkspace } from "@plane/types";
|
|
||||||
// fetch-keys
|
// fetch-keys
|
||||||
import { ANALYTICS } from "constants/fetch-keys";
|
import { ANALYTICS } from "constants/fetch-keys";
|
||||||
import { cn } from "helpers/common.helper";
|
import { cn } from "helpers/common.helper";
|
||||||
|
import { renderFormattedDate } from "helpers/date-time.helper";
|
||||||
|
import { useCycle, useModule, useProject, useUser, useWorkspace } from "hooks/store";
|
||||||
|
import { AnalyticsService } from "services/analytics.service";
|
||||||
|
import { IAnalyticsParams, IAnalyticsResponse, IExportAnalyticsFormData, IWorkspace } from "@plane/types";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
analytics: IAnalyticsResponse | undefined;
|
analytics: IAnalyticsResponse | undefined;
|
||||||
@ -143,7 +143,7 @@ export const CustomAnalyticsSidebar: React.FC<Props> = observer((props) => {
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={cn(
|
className={cn(
|
||||||
"relative h-full flex w-full gap-2 justify-between items-start px-5 py-4 bg-custom-sidebar-background-100",
|
"relative flex h-full w-full items-start justify-between gap-2 bg-custom-sidebar-background-100 px-5 py-4",
|
||||||
!isProjectLevel ? "flex-col" : ""
|
!isProjectLevel ? "flex-col" : ""
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
@ -176,10 +176,10 @@ export const CustomAnalyticsSidebar: React.FC<Props> = observer((props) => {
|
|||||||
</>
|
</>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex flex-wrap items-center gap-2 justify-end">
|
<div className="flex flex-wrap items-center justify-end gap-2">
|
||||||
<Button
|
<Button
|
||||||
variant="neutral-primary"
|
variant="neutral-primary"
|
||||||
prependIcon={<RefreshCw className="h-3 md:h-3.5 w-3 md:w-3.5" />}
|
prependIcon={<RefreshCw className="h-3 w-3 md:h-3.5 md:w-3.5" />}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
if (!workspaceSlug) return;
|
if (!workspaceSlug) return;
|
||||||
|
|
||||||
|
|||||||
@ -3,11 +3,11 @@ import { BarDatum } from "@nivo/bar";
|
|||||||
// icons
|
// icons
|
||||||
import { PriorityIcon } from "@plane/ui";
|
import { PriorityIcon } from "@plane/ui";
|
||||||
// helpers
|
// helpers
|
||||||
|
import { ANALYTICS_X_AXIS_VALUES, ANALYTICS_Y_AXIS_VALUES } from "constants/analytics";
|
||||||
import { generateBarColor, generateDisplayName } from "helpers/analytics.helper";
|
import { generateBarColor, generateDisplayName } from "helpers/analytics.helper";
|
||||||
// types
|
// types
|
||||||
import { IAnalyticsParams, IAnalyticsResponse, TIssuePriorities } from "@plane/types";
|
import { IAnalyticsParams, IAnalyticsResponse, TIssuePriorities } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { ANALYTICS_X_AXIS_VALUES, ANALYTICS_Y_AXIS_VALUES } from "constants/analytics";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
analytics: IAnalyticsResponse;
|
analytics: IAnalyticsResponse;
|
||||||
|
|||||||
@ -4,9 +4,9 @@ import { Tab } from "@headlessui/react";
|
|||||||
// components
|
// components
|
||||||
import { CustomAnalytics, ScopeAndDemand } from "components/analytics";
|
import { CustomAnalytics, ScopeAndDemand } from "components/analytics";
|
||||||
// types
|
// types
|
||||||
|
import { ANALYTICS_TABS } from "constants/analytics";
|
||||||
import { ICycle, IModule, IProject } from "@plane/types";
|
import { ICycle, IModule, IProject } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { ANALYTICS_TABS } from "constants/analytics";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
fullScreen: boolean;
|
fullScreen: boolean;
|
||||||
@ -25,10 +25,13 @@ export const ProjectAnalyticsModalMainContent: React.FC<Props> = observer((props
|
|||||||
<Tab
|
<Tab
|
||||||
key={tab.key}
|
key={tab.key}
|
||||||
className={({ selected }) =>
|
className={({ selected }) =>
|
||||||
`rounded-0 w-full md:w-max md:rounded-3xl border-b md:border border-custom-border-200 focus:outline-none px-0 md:px-4 py-2 text-xs hover:bg-custom-background-80 ${selected ? "border-custom-primary-100 text-custom-primary-100 md:bg-custom-background-80 md:text-custom-text-200 md:border-custom-border-200" : "border-transparent"
|
`rounded-0 w-full md:w-max md:rounded-3xl border-b md:border border-custom-border-200 focus:outline-none px-0 md:px-4 py-2 text-xs hover:bg-custom-background-80 ${
|
||||||
|
selected
|
||||||
|
? "border-custom-primary-100 text-custom-primary-100 md:bg-custom-background-80 md:text-custom-text-200 md:border-custom-border-200"
|
||||||
|
: "border-transparent"
|
||||||
}`
|
}`
|
||||||
}
|
}
|
||||||
onClick={() => { }}
|
onClick={() => {}}
|
||||||
>
|
>
|
||||||
{tab.title}
|
{tab.title}
|
||||||
</Tab>
|
</Tab>
|
||||||
|
|||||||
@ -38,12 +38,14 @@ export const ProjectAnalyticsModal: React.FC<Props> = observer((props) => {
|
|||||||
>
|
>
|
||||||
<Dialog.Panel className="fixed inset-0 z-20 h-full w-full overflow-y-auto">
|
<Dialog.Panel className="fixed inset-0 z-20 h-full w-full overflow-y-auto">
|
||||||
<div
|
<div
|
||||||
className={`fixed right-0 top-0 z-20 h-full bg-custom-background-100 shadow-custom-shadow-md ${fullScreen ? "w-full p-2" : "w-full sm:w-full md:w-1/2"
|
className={`fixed right-0 top-0 z-20 h-full bg-custom-background-100 shadow-custom-shadow-md ${
|
||||||
}`}
|
fullScreen ? "w-full p-2" : "w-full sm:w-full md:w-1/2"
|
||||||
|
}`}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className={`flex h-full flex-col overflow-hidden border-custom-border-200 bg-custom-background-100 text-left ${fullScreen ? "rounded-lg border" : "border-l"
|
className={`flex h-full flex-col overflow-hidden border-custom-border-200 bg-custom-background-100 text-left ${
|
||||||
}`}
|
fullScreen ? "rounded-lg border" : "border-l"
|
||||||
|
}`}
|
||||||
>
|
>
|
||||||
<ProjectAnalyticsModalHeader
|
<ProjectAnalyticsModalHeader
|
||||||
fullScreen={fullScreen}
|
fullScreen={fullScreen}
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
// icons
|
// icons
|
||||||
import { Triangle } from "lucide-react";
|
import { Triangle } from "lucide-react";
|
||||||
// types
|
// types
|
||||||
|
import { STATE_GROUPS } from "constants/state";
|
||||||
import { IDefaultAnalyticsResponse, TStateGroups } from "@plane/types";
|
import { IDefaultAnalyticsResponse, TStateGroups } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { STATE_GROUPS } from "constants/state";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
defaultAnalytics: IDefaultAnalyticsResponse;
|
defaultAnalytics: IDefaultAnalyticsResponse;
|
||||||
|
|||||||
@ -3,13 +3,13 @@ import { useRouter } from "next/router";
|
|||||||
import useSWR from "swr";
|
import useSWR from "swr";
|
||||||
|
|
||||||
// services
|
// services
|
||||||
import { AnalyticsService } from "services/analytics.service";
|
|
||||||
// components
|
// components
|
||||||
|
import { Button, Loader } from "@plane/ui";
|
||||||
import { AnalyticsDemand, AnalyticsLeaderBoard, AnalyticsScope, AnalyticsYearWiseIssues } from "components/analytics";
|
import { AnalyticsDemand, AnalyticsLeaderBoard, AnalyticsScope, AnalyticsYearWiseIssues } from "components/analytics";
|
||||||
// ui
|
// ui
|
||||||
import { Button, Loader } from "@plane/ui";
|
|
||||||
// fetch-keys
|
// fetch-keys
|
||||||
import { DEFAULT_ANALYTICS } from "constants/fetch-keys";
|
import { DEFAULT_ANALYTICS } from "constants/fetch-keys";
|
||||||
|
import { AnalyticsService } from "services/analytics.service";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
fullScreen?: boolean;
|
fullScreen?: boolean;
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
// ui
|
// ui
|
||||||
import { LineGraph, ProfileEmptyState } from "components/ui";
|
import { LineGraph, ProfileEmptyState } from "components/ui";
|
||||||
// image
|
// image
|
||||||
|
import { MONTHS_LIST } from "constants/calendar";
|
||||||
import emptyGraph from "public/empty-state/empty_graph.svg";
|
import emptyGraph from "public/empty-state/empty_graph.svg";
|
||||||
// types
|
// types
|
||||||
import { IDefaultAnalyticsResponse } from "@plane/types";
|
import { IDefaultAnalyticsResponse } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { MONTHS_LIST } from "constants/calendar";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
defaultAnalytics: IDefaultAnalyticsResponse;
|
defaultAnalytics: IDefaultAnalyticsResponse;
|
||||||
|
|||||||
@ -3,13 +3,13 @@ import { useRouter } from "next/router";
|
|||||||
import { mutate } from "swr";
|
import { mutate } from "swr";
|
||||||
import { Dialog, Transition } from "@headlessui/react";
|
import { Dialog, Transition } from "@headlessui/react";
|
||||||
// services
|
// services
|
||||||
|
import { Button, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
import { API_TOKENS_LIST } from "constants/fetch-keys";
|
||||||
import { APITokenService } from "services/api_token.service";
|
import { APITokenService } from "services/api_token.service";
|
||||||
// ui
|
// ui
|
||||||
import { Button, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// types
|
// types
|
||||||
import { IApiToken } from "@plane/types";
|
import { IApiToken } from "@plane/types";
|
||||||
// fetch-keys
|
// fetch-keys
|
||||||
import { API_TOKENS_LIST } from "constants/fetch-keys";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
isOpen: boolean;
|
isOpen: boolean;
|
||||||
|
|||||||
@ -3,18 +3,19 @@ import { useRouter } from "next/router";
|
|||||||
import { mutate } from "swr";
|
import { mutate } from "swr";
|
||||||
import { Dialog, Transition } from "@headlessui/react";
|
import { Dialog, Transition } from "@headlessui/react";
|
||||||
// services
|
// services
|
||||||
|
import { TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
|
||||||
|
import { CreateApiTokenForm, GeneratedTokenDetails } from "components/api-token";
|
||||||
|
import { API_TOKENS_LIST } from "constants/fetch-keys";
|
||||||
|
import { renderFormattedDate } from "helpers/date-time.helper";
|
||||||
|
import { csvDownload } from "helpers/download.helper";
|
||||||
import { APITokenService } from "services/api_token.service";
|
import { APITokenService } from "services/api_token.service";
|
||||||
// ui
|
// ui
|
||||||
import { TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// components
|
// components
|
||||||
import { CreateApiTokenForm, GeneratedTokenDetails } from "components/api-token";
|
|
||||||
// helpers
|
// helpers
|
||||||
import { csvDownload } from "helpers/download.helper";
|
|
||||||
import { renderFormattedDate } from "helpers/date-time.helper";
|
|
||||||
// types
|
// types
|
||||||
import { IApiToken } from "@plane/types";
|
import { IApiToken } from "@plane/types";
|
||||||
// fetch-keys
|
// fetch-keys
|
||||||
import { API_TOKENS_LIST } from "constants/fetch-keys";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
isOpen: boolean;
|
isOpen: boolean;
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
import { XCircle } from "lucide-react";
|
import { XCircle } from "lucide-react";
|
||||||
// components
|
// components
|
||||||
|
import { Tooltip } from "@plane/ui";
|
||||||
import { DeleteApiTokenModal } from "components/api-token";
|
import { DeleteApiTokenModal } from "components/api-token";
|
||||||
// ui
|
// ui
|
||||||
import { Tooltip } from "@plane/ui";
|
|
||||||
// helpers
|
// helpers
|
||||||
import { renderFormattedDate, calculateTimeAgo } from "helpers/date-time.helper";
|
import { renderFormattedDate, calculateTimeAgo } from "helpers/date-time.helper";
|
||||||
// types
|
// types
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import Link from "next/link";
|
|
||||||
import Image from "next/image";
|
|
||||||
import { useRouter } from "next/router";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import Image from "next/image";
|
||||||
|
import Link from "next/link";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
// hooks
|
// hooks
|
||||||
import { useUser } from "hooks/store";
|
import { useUser } from "hooks/store";
|
||||||
// layouts
|
// layouts
|
||||||
|
|||||||
@ -2,11 +2,11 @@ import { useState } from "react";
|
|||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { ClipboardList } from "lucide-react";
|
||||||
|
import { Button } from "@plane/ui";
|
||||||
import { useProject, useUser } from "hooks/store";
|
import { useProject, useUser } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { Button } from "@plane/ui";
|
|
||||||
// icons
|
// icons
|
||||||
import { ClipboardList } from "lucide-react";
|
|
||||||
// images
|
// images
|
||||||
import JoinProjectImg from "public/auth/project-not-authorized.svg";
|
import JoinProjectImg from "public/auth/project-not-authorized.svg";
|
||||||
|
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|
||||||
// layouts
|
// layouts
|
||||||
|
import { Button } from "@plane/ui";
|
||||||
import DefaultLayout from "layouts/default-layout";
|
import DefaultLayout from "layouts/default-layout";
|
||||||
// ui
|
// ui
|
||||||
import { Button } from "@plane/ui";
|
|
||||||
|
|
||||||
export const NotAWorkspaceMember = () => (
|
export const NotAWorkspaceMember = () => (
|
||||||
<DefaultLayout>
|
<DefaultLayout>
|
||||||
|
|||||||
@ -1,14 +1,14 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
// hooks
|
// hooks
|
||||||
import { useProject, useUser } from "hooks/store";
|
|
||||||
// component
|
// component
|
||||||
|
import { ArchiveRestore } from "lucide-react";
|
||||||
import { CustomSelect, Loader, ToggleSwitch } from "@plane/ui";
|
import { CustomSelect, Loader, ToggleSwitch } from "@plane/ui";
|
||||||
import { SelectMonthModal } from "components/automation";
|
import { SelectMonthModal } from "components/automation";
|
||||||
// icon
|
// icon
|
||||||
import { ArchiveRestore } from "lucide-react";
|
|
||||||
// constants
|
// constants
|
||||||
import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
|
import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
|
||||||
|
import { useProject, useUser } from "hooks/store";
|
||||||
// types
|
// types
|
||||||
import { IProject } from "@plane/types";
|
import { IProject } from "@plane/types";
|
||||||
|
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { ArchiveX } from "lucide-react";
|
||||||
|
import { CustomSelect, CustomSearchSelect, ToggleSwitch, StateGroupIcon, DoubleCircleIcon, Loader } from "@plane/ui";
|
||||||
|
import { SelectMonthModal } from "components/automation";
|
||||||
|
import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
|
||||||
import { useProject, useProjectState, useUser } from "hooks/store";
|
import { useProject, useProjectState, useUser } from "hooks/store";
|
||||||
// component
|
// component
|
||||||
import { SelectMonthModal } from "components/automation";
|
|
||||||
import { CustomSelect, CustomSearchSelect, ToggleSwitch, StateGroupIcon, DoubleCircleIcon, Loader } from "@plane/ui";
|
|
||||||
// icons
|
// icons
|
||||||
import { ArchiveX } from "lucide-react";
|
|
||||||
// types
|
// types
|
||||||
import { IProject } from "@plane/types";
|
import { IProject } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { EUserProjectRoles, PROJECT_AUTOMATION_MONTHS } from "constants/project";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
handleChange: (formData: Partial<IProject>) => Promise<void>;
|
handleChange: (formData: Partial<IProject>) => Promise<void>;
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
import * as React from "react";
|
import * as React from "react";
|
||||||
import { useRouter } from "next/router";
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
// icons
|
// icons
|
||||||
import { MoveLeft } from "lucide-react";
|
import { MoveLeft } from "lucide-react";
|
||||||
|
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
import { Command } from "cmdk";
|
import { Command } from "cmdk";
|
||||||
import { FileText, GithubIcon, MessageSquare, Rocket } from "lucide-react";
|
import { FileText, GithubIcon, MessageSquare, Rocket } from "lucide-react";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { DiscordIcon } from "@plane/ui";
|
||||||
import { useApplication } from "hooks/store";
|
import { useApplication } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { DiscordIcon } from "@plane/ui";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
closePalette: () => void;
|
closePalette: () => void;
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
import { useRouter } from "next/router";
|
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
import { Command } from "cmdk";
|
import { Command } from "cmdk";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
import { LinkIcon, Signal, Trash2, UserMinus2, UserPlus2 } from "lucide-react";
|
import { LinkIcon, Signal, Trash2, UserMinus2, UserPlus2 } from "lucide-react";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { DoubleCircleIcon, UserGroupIcon, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
import { EIssuesStoreType } from "constants/issue";
|
||||||
|
import { copyTextToClipboard } from "helpers/string.helper";
|
||||||
import { useApplication, useUser, useIssues } from "hooks/store";
|
import { useApplication, useUser, useIssues } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { DoubleCircleIcon, UserGroupIcon, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// helpers
|
// helpers
|
||||||
import { copyTextToClipboard } from "helpers/string.helper";
|
|
||||||
// types
|
// types
|
||||||
import { TIssue } from "@plane/types";
|
import { TIssue } from "@plane/types";
|
||||||
import { EIssuesStoreType } from "constants/issue";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
closePalette: () => void;
|
closePalette: () => void;
|
||||||
|
|||||||
@ -1,14 +1,14 @@
|
|||||||
import { useRouter } from "next/router";
|
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
import { Command } from "cmdk";
|
import { Command } from "cmdk";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
import { Check } from "lucide-react";
|
import { Check } from "lucide-react";
|
||||||
// mobx store
|
// mobx store
|
||||||
|
import { Avatar } from "@plane/ui";
|
||||||
|
import { EIssuesStoreType } from "constants/issue";
|
||||||
import { useIssues, useMember } from "hooks/store";
|
import { useIssues, useMember } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { Avatar } from "@plane/ui";
|
|
||||||
// types
|
// types
|
||||||
import { TIssue } from "@plane/types";
|
import { TIssue } from "@plane/types";
|
||||||
import { EIssuesStoreType } from "constants/issue";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
closePalette: () => void;
|
closePalette: () => void;
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
import { useRouter } from "next/router";
|
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
import { Command } from "cmdk";
|
import { Command } from "cmdk";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
import { Check } from "lucide-react";
|
import { Check } from "lucide-react";
|
||||||
// mobx store
|
// mobx store
|
||||||
|
import { PriorityIcon } from "@plane/ui";
|
||||||
|
import { EIssuesStoreType, ISSUE_PRIORITIES } from "constants/issue";
|
||||||
import { useIssues } from "hooks/store";
|
import { useIssues } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { PriorityIcon } from "@plane/ui";
|
|
||||||
// types
|
// types
|
||||||
import { TIssue, TIssuePriorities } from "@plane/types";
|
import { TIssue, TIssuePriorities } from "@plane/types";
|
||||||
// constants
|
// constants
|
||||||
import { EIssuesStoreType, ISSUE_PRIORITIES } from "constants/issue";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
closePalette: () => void;
|
closePalette: () => void;
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
import { useRouter } from "next/router";
|
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
import { Command } from "cmdk";
|
import { Command } from "cmdk";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { Check } from "lucide-react";
|
||||||
|
import { Spinner, StateGroupIcon } from "@plane/ui";
|
||||||
|
import { EIssuesStoreType } from "constants/issue";
|
||||||
import { useProjectState, useIssues } from "hooks/store";
|
import { useProjectState, useIssues } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { Spinner, StateGroupIcon } from "@plane/ui";
|
|
||||||
// icons
|
// icons
|
||||||
import { Check } from "lucide-react";
|
|
||||||
// types
|
// types
|
||||||
import { TIssue } from "@plane/types";
|
import { TIssue } from "@plane/types";
|
||||||
import { EIssuesStoreType } from "constants/issue";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
closePalette: () => void;
|
closePalette: () => void;
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
import { Command } from "cmdk";
|
import { Command } from "cmdk";
|
||||||
import { ContrastIcon, FileText } from "lucide-react";
|
import { ContrastIcon, FileText } from "lucide-react";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { DiceIcon, PhotoFilterIcon } from "@plane/ui";
|
||||||
import { useApplication, useEventTracker } from "hooks/store";
|
import { useApplication, useEventTracker } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { DiceIcon, PhotoFilterIcon } from "@plane/ui";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
closePalette: () => void;
|
closePalette: () => void;
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import { useRouter } from "next/router";
|
|
||||||
import { Command } from "cmdk";
|
import { Command } from "cmdk";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
// helpers
|
// helpers
|
||||||
import { commandGroups } from "components/command-palette";
|
import { commandGroups } from "components/command-palette";
|
||||||
// types
|
// types
|
||||||
|
|||||||
@ -1,14 +1,14 @@
|
|||||||
import React, { FC, useEffect, useState } from "react";
|
import React, { FC, useEffect, useState } from "react";
|
||||||
import { Command } from "cmdk";
|
import { Command } from "cmdk";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
import { useTheme } from "next-themes";
|
import { useTheme } from "next-themes";
|
||||||
import { Settings } from "lucide-react";
|
import { Settings } from "lucide-react";
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
// hooks
|
// hooks
|
||||||
|
import { TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
import { THEME_OPTIONS } from "constants/themes";
|
||||||
import { useUser } from "hooks/store";
|
import { useUser } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// constants
|
// constants
|
||||||
import { THEME_OPTIONS } from "constants/themes";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
closePalette: () => void;
|
closePalette: () => void;
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
import { useRouter } from "next/router";
|
|
||||||
import { Command } from "cmdk";
|
import { Command } from "cmdk";
|
||||||
// hooks
|
// hooks
|
||||||
import { useUser } from "hooks/store";
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
// constants
|
// constants
|
||||||
import { EUserWorkspaceRoles, WORKSPACE_SETTINGS_LINKS } from "constants/workspace";
|
import { EUserWorkspaceRoles, WORKSPACE_SETTINGS_LINKS } from "constants/workspace";
|
||||||
|
import { useUser } from "hooks/store";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
closePalette: () => void;
|
closePalette: () => void;
|
||||||
|
|||||||
@ -1,18 +1,12 @@
|
|||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
|
import { Command } from "cmdk";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import useSWR from "swr";
|
import useSWR from "swr";
|
||||||
import { Command } from "cmdk";
|
|
||||||
import { Dialog, Transition } from "@headlessui/react";
|
import { Dialog, Transition } from "@headlessui/react";
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
import { FolderPlus, Search, Settings } from "lucide-react";
|
import { FolderPlus, Search, Settings } from "lucide-react";
|
||||||
// hooks
|
// hooks
|
||||||
import { useApplication, useEventTracker, useProject } from "hooks/store";
|
import { LayersIcon, Loader, ToggleSwitch, Tooltip } from "@plane/ui";
|
||||||
// services
|
|
||||||
import { WorkspaceService } from "services/workspace.service";
|
|
||||||
import { IssueService } from "services/issue";
|
|
||||||
// hooks
|
|
||||||
import useDebounce from "hooks/use-debounce";
|
|
||||||
// components
|
|
||||||
import {
|
import {
|
||||||
CommandPaletteThemeActions,
|
CommandPaletteThemeActions,
|
||||||
ChangeIssueAssignee,
|
ChangeIssueAssignee,
|
||||||
@ -24,11 +18,17 @@ import {
|
|||||||
CommandPaletteWorkspaceSettingsActions,
|
CommandPaletteWorkspaceSettingsActions,
|
||||||
CommandPaletteSearchResults,
|
CommandPaletteSearchResults,
|
||||||
} from "components/command-palette";
|
} from "components/command-palette";
|
||||||
import { LayersIcon, Loader, ToggleSwitch, Tooltip } from "@plane/ui";
|
import { ISSUE_DETAILS } from "constants/fetch-keys";
|
||||||
|
import { useApplication, useEventTracker, useProject } from "hooks/store";
|
||||||
|
// services
|
||||||
|
import useDebounce from "hooks/use-debounce";
|
||||||
|
import { IssueService } from "services/issue";
|
||||||
|
import { WorkspaceService } from "services/workspace.service";
|
||||||
|
// hooks
|
||||||
|
// components
|
||||||
// types
|
// types
|
||||||
import { IWorkspaceSearchResults } from "@plane/types";
|
import { IWorkspaceSearchResults } from "@plane/types";
|
||||||
// fetch-keys
|
// fetch-keys
|
||||||
import { ISSUE_DETAILS } from "constants/fetch-keys";
|
|
||||||
|
|
||||||
// services
|
// services
|
||||||
const workspaceService = new WorkspaceService();
|
const workspaceService = new WorkspaceService();
|
||||||
|
|||||||
@ -1,27 +1,28 @@
|
|||||||
import React, { useCallback, useEffect, FC } from "react";
|
import React, { useCallback, useEffect, FC } from "react";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import useSWR from "swr";
|
import useSWR from "swr";
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
// hooks
|
// hooks
|
||||||
import { useApplication, useEventTracker, useIssues, useUser } from "hooks/store";
|
|
||||||
// ui
|
|
||||||
import { TOAST_TYPE, setToast } from "@plane/ui";
|
import { TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
// components
|
|
||||||
import { CommandModal, ShortcutsModal } from "components/command-palette";
|
import { CommandModal, ShortcutsModal } from "components/command-palette";
|
||||||
|
// ui
|
||||||
|
// components
|
||||||
import { BulkDeleteIssuesModal } from "components/core";
|
import { BulkDeleteIssuesModal } from "components/core";
|
||||||
import { CycleCreateUpdateModal } from "components/cycles";
|
import { CycleCreateUpdateModal } from "components/cycles";
|
||||||
import { CreateUpdateIssueModal, DeleteIssueModal } from "components/issues";
|
import { CreateUpdateIssueModal, DeleteIssueModal } from "components/issues";
|
||||||
import { CreateUpdateModuleModal } from "components/modules";
|
import { CreateUpdateModuleModal } from "components/modules";
|
||||||
|
import { CreateUpdatePageModal } from "components/pages";
|
||||||
import { CreateProjectModal } from "components/project";
|
import { CreateProjectModal } from "components/project";
|
||||||
import { CreateUpdateProjectViewModal } from "components/views";
|
import { CreateUpdateProjectViewModal } from "components/views";
|
||||||
import { CreateUpdatePageModal } from "components/pages";
|
|
||||||
// helpers
|
// helpers
|
||||||
import { copyTextToClipboard } from "helpers/string.helper";
|
|
||||||
// services
|
// services
|
||||||
import { IssueService } from "services/issue";
|
|
||||||
// fetch keys
|
// fetch keys
|
||||||
import { ISSUE_DETAILS } from "constants/fetch-keys";
|
import { ISSUE_DETAILS } from "constants/fetch-keys";
|
||||||
import { EIssuesStoreType } from "constants/issue";
|
import { EIssuesStoreType } from "constants/issue";
|
||||||
|
import { copyTextToClipboard } from "helpers/string.helper";
|
||||||
|
import { useApplication, useEventTracker, useIssues, useUser } from "hooks/store";
|
||||||
|
import { IssueService } from "services/issue";
|
||||||
|
|
||||||
// services
|
// services
|
||||||
const issueService = new IssueService();
|
const issueService = new IssueService();
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
// types
|
// types
|
||||||
import { ContrastIcon, DiceIcon, LayersIcon, PhotoFilterIcon } from "@plane/ui";
|
|
||||||
import { Briefcase, FileText, LayoutGrid } from "lucide-react";
|
import { Briefcase, FileText, LayoutGrid } from "lucide-react";
|
||||||
|
import { ContrastIcon, DiceIcon, LayersIcon, PhotoFilterIcon } from "@plane/ui";
|
||||||
import {
|
import {
|
||||||
IWorkspaceDefaultSearchResult,
|
IWorkspaceDefaultSearchResult,
|
||||||
IWorkspaceIssueSearchResult,
|
IWorkspaceIssueSearchResult,
|
||||||
|
|||||||
@ -2,9 +2,9 @@ import { FC, useState, Fragment } from "react";
|
|||||||
import { Dialog, Transition } from "@headlessui/react";
|
import { Dialog, Transition } from "@headlessui/react";
|
||||||
import { Search, X } from "lucide-react";
|
import { Search, X } from "lucide-react";
|
||||||
// components
|
// components
|
||||||
|
import { Input } from "@plane/ui";
|
||||||
import { ShortcutCommandsList } from "components/command-palette";
|
import { ShortcutCommandsList } from "components/command-palette";
|
||||||
// ui
|
// ui
|
||||||
import { Input } from "@plane/ui";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
isOpen: boolean;
|
isOpen: boolean;
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import { Tooltip } from "@plane/ui";
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
import { Tooltip } from "@plane/ui";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
label?: string;
|
label?: string;
|
||||||
|
|||||||
@ -3,14 +3,14 @@ import useSWR from "swr";
|
|||||||
// headless ui
|
// headless ui
|
||||||
import { Dialog, Transition } from "@headlessui/react";
|
import { Dialog, Transition } from "@headlessui/react";
|
||||||
// services
|
// services
|
||||||
import { WorkspaceService } from "services/workspace.service";
|
|
||||||
// components
|
// components
|
||||||
import { MarkdownRenderer } from "components/ui";
|
|
||||||
import { Loader } from "@plane/ui";
|
|
||||||
// icons
|
|
||||||
import { X } from "lucide-react";
|
import { X } from "lucide-react";
|
||||||
|
import { Loader } from "@plane/ui";
|
||||||
|
import { MarkdownRenderer } from "components/ui";
|
||||||
|
// icons
|
||||||
// helpers
|
// helpers
|
||||||
import { renderFormattedDate } from "helpers/date-time.helper";
|
import { renderFormattedDate } from "helpers/date-time.helper";
|
||||||
|
import { WorkspaceService } from "services/workspace.service";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
isOpen: boolean;
|
isOpen: boolean;
|
||||||
|
|||||||
@ -1,10 +1,8 @@
|
|||||||
import { useRouter } from "next/router";
|
|
||||||
import { useEffect } from "react";
|
import { useEffect } from "react";
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
// store hooks
|
// store hooks
|
||||||
import { useEstimate, useLabel } from "hooks/store";
|
|
||||||
// icons
|
// icons
|
||||||
import { Tooltip, BlockedIcon, BlockerIcon, RelatedIcon, LayersIcon, DiceIcon } from "@plane/ui";
|
|
||||||
import {
|
import {
|
||||||
TagIcon,
|
TagIcon,
|
||||||
CopyPlus,
|
CopyPlus,
|
||||||
@ -20,9 +18,11 @@ import {
|
|||||||
MessageSquareIcon,
|
MessageSquareIcon,
|
||||||
UsersIcon,
|
UsersIcon,
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
|
import { Tooltip, BlockedIcon, BlockerIcon, RelatedIcon, LayersIcon, DiceIcon } from "@plane/ui";
|
||||||
// helpers
|
// helpers
|
||||||
import { renderFormattedDate } from "helpers/date-time.helper";
|
import { renderFormattedDate } from "helpers/date-time.helper";
|
||||||
import { capitalizeFirstLetter } from "helpers/string.helper";
|
import { capitalizeFirstLetter } from "helpers/string.helper";
|
||||||
|
import { useEstimate, useLabel } from "hooks/store";
|
||||||
// types
|
// types
|
||||||
import { IIssueActivity } from "@plane/types";
|
import { IIssueActivity } from "@plane/types";
|
||||||
|
|
||||||
|
|||||||
@ -1,14 +1,14 @@
|
|||||||
import { Fragment } from "react";
|
import { Fragment } from "react";
|
||||||
import { Controller, useForm } from "react-hook-form";
|
|
||||||
import { DayPicker } from "react-day-picker";
|
import { DayPicker } from "react-day-picker";
|
||||||
|
import { Controller, useForm } from "react-hook-form";
|
||||||
import { Dialog, Transition } from "@headlessui/react";
|
import { Dialog, Transition } from "@headlessui/react";
|
||||||
import { X } from "lucide-react";
|
import { X } from "lucide-react";
|
||||||
// components
|
// components
|
||||||
import { DateFilterSelect } from "./date-filter-select";
|
|
||||||
// ui
|
// ui
|
||||||
import { Button } from "@plane/ui";
|
import { Button } from "@plane/ui";
|
||||||
// helpers
|
// helpers
|
||||||
import { renderFormattedPayloadDate, renderFormattedDate } from "helpers/date-time.helper";
|
import { renderFormattedPayloadDate, renderFormattedDate } from "helpers/date-time.helper";
|
||||||
|
import { DateFilterSelect } from "./date-filter-select";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
title: string;
|
title: string;
|
||||||
@ -37,7 +37,8 @@ export const DateFilterModal: React.FC<Props> = ({ title, handleClose, isOpen, o
|
|||||||
const handleFormSubmit = (formData: TFormValues) => {
|
const handleFormSubmit = (formData: TFormValues) => {
|
||||||
const { filterType, date1, date2 } = formData;
|
const { filterType, date1, date2 } = formData;
|
||||||
|
|
||||||
if (filterType === "range") onSelect([`${renderFormattedPayloadDate(date1)};after`, `${renderFormattedPayloadDate(date2)};before`]);
|
if (filterType === "range")
|
||||||
|
onSelect([`${renderFormattedPayloadDate(date1)};after`, `${renderFormattedPayloadDate(date2)};before`]);
|
||||||
else onSelect([`${renderFormattedPayloadDate(date1)};${filterType}`]);
|
else onSelect([`${renderFormattedPayloadDate(date1)};${filterType}`]);
|
||||||
|
|
||||||
handleClose();
|
handleClose();
|
||||||
@ -92,9 +93,7 @@ export const DateFilterModal: React.FC<Props> = ({ title, handleClose, isOpen, o
|
|||||||
defaultMonth={value ? new Date(value) : undefined}
|
defaultMonth={value ? new Date(value) : undefined}
|
||||||
onSelect={(date) => onChange(date)}
|
onSelect={(date) => onChange(date)}
|
||||||
mode="single"
|
mode="single"
|
||||||
disabled={[
|
disabled={[{ after: new Date(watch("date2")) }]}
|
||||||
{ after: new Date(watch("date2")) }
|
|
||||||
]}
|
|
||||||
className="border border-custom-border-200 p-3 rounded-md"
|
className="border border-custom-border-200 p-3 rounded-md"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
@ -109,9 +108,7 @@ export const DateFilterModal: React.FC<Props> = ({ title, handleClose, isOpen, o
|
|||||||
defaultMonth={value ? new Date(value) : undefined}
|
defaultMonth={value ? new Date(value) : undefined}
|
||||||
onSelect={(date) => onChange(date)}
|
onSelect={(date) => onChange(date)}
|
||||||
mode="single"
|
mode="single"
|
||||||
disabled={[
|
disabled={[{ before: new Date(watch("date1")) }]}
|
||||||
{ before: new Date(watch("date1")) }
|
|
||||||
]}
|
|
||||||
className="border border-custom-border-200 p-3 rounded-md"
|
className="border border-custom-border-200 p-3 rounded-md"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@ -1,22 +1,22 @@
|
|||||||
import React, { useEffect, useState, useRef, useCallback } from "react";
|
import React, { useEffect, useState, useRef, useCallback } from "react";
|
||||||
|
import { observer } from "mobx-react-lite";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import { observer } from "mobx-react-lite";
|
|
||||||
import useSWR from "swr";
|
|
||||||
import { useDropzone } from "react-dropzone";
|
import { useDropzone } from "react-dropzone";
|
||||||
import { Tab, Popover } from "@headlessui/react";
|
|
||||||
import { Control, Controller } from "react-hook-form";
|
import { Control, Controller } from "react-hook-form";
|
||||||
|
import useSWR from "swr";
|
||||||
|
import { Tab, Popover } from "@headlessui/react";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { Button, Input, Loader } from "@plane/ui";
|
||||||
|
import { MAX_FILE_SIZE } from "constants/common";
|
||||||
import { useApplication, useWorkspace } from "hooks/store";
|
import { useApplication, useWorkspace } from "hooks/store";
|
||||||
import { useDropdownKeyDown } from "hooks/use-dropdown-key-down";
|
import { useDropdownKeyDown } from "hooks/use-dropdown-key-down";
|
||||||
// services
|
// services
|
||||||
|
import useOutsideClickDetector from "hooks/use-outside-click-detector";
|
||||||
import { FileService } from "services/file.service";
|
import { FileService } from "services/file.service";
|
||||||
// hooks
|
// hooks
|
||||||
import useOutsideClickDetector from "hooks/use-outside-click-detector";
|
|
||||||
// components
|
// components
|
||||||
import { Button, Input, Loader } from "@plane/ui";
|
|
||||||
// constants
|
// constants
|
||||||
import { MAX_FILE_SIZE } from "constants/common";
|
|
||||||
|
|
||||||
const tabOptions = [
|
const tabOptions = [
|
||||||
{
|
{
|
||||||
|
|||||||
@ -1,25 +1,26 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import { useRouter } from "next/router";
|
|
||||||
import useSWR from "swr";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
import { SubmitHandler, useForm } from "react-hook-form";
|
import { SubmitHandler, useForm } from "react-hook-form";
|
||||||
|
import useSWR from "swr";
|
||||||
import { Combobox, Dialog, Transition } from "@headlessui/react";
|
import { Combobox, Dialog, Transition } from "@headlessui/react";
|
||||||
// services
|
// services
|
||||||
|
import { Search } from "lucide-react";
|
||||||
|
import { Button, LayersIcon, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
|
||||||
|
import { PROJECT_ISSUES_LIST } from "constants/fetch-keys";
|
||||||
|
import { EIssuesStoreType } from "constants/issue";
|
||||||
|
import { useIssues, useProject } from "hooks/store";
|
||||||
import { IssueService } from "services/issue";
|
import { IssueService } from "services/issue";
|
||||||
// ui
|
// ui
|
||||||
import { Button, LayersIcon, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// icons
|
// icons
|
||||||
import { Search } from "lucide-react";
|
|
||||||
// types
|
// types
|
||||||
import { IUser, TIssue } from "@plane/types";
|
import { IUser, TIssue } from "@plane/types";
|
||||||
// fetch keys
|
// fetch keys
|
||||||
import { PROJECT_ISSUES_LIST } from "constants/fetch-keys";
|
|
||||||
// store hooks
|
// store hooks
|
||||||
import { useIssues, useProject } from "hooks/store";
|
|
||||||
// components
|
// components
|
||||||
import { BulkDeleteIssuesModalItem } from "./bulk-delete-issues-modal-item";
|
import { BulkDeleteIssuesModalItem } from "./bulk-delete-issues-modal-item";
|
||||||
// constants
|
// constants
|
||||||
import { EIssuesStoreType } from "constants/issue";
|
|
||||||
|
|
||||||
type FormInput = {
|
type FormInput = {
|
||||||
delete_issue_ids: string[];
|
delete_issue_ids: string[];
|
||||||
|
|||||||
@ -2,10 +2,12 @@ import React, { useEffect, useState } from "react";
|
|||||||
import { Combobox, Dialog, Transition } from "@headlessui/react";
|
import { Combobox, Dialog, Transition } from "@headlessui/react";
|
||||||
import { Rocket, Search, X } from "lucide-react";
|
import { Rocket, Search, X } from "lucide-react";
|
||||||
// services
|
// services
|
||||||
import { ProjectService } from "services/project";
|
|
||||||
import useDebounce from "hooks/use-debounce";
|
|
||||||
// ui
|
|
||||||
import { Button, LayersIcon, Loader, ToggleSwitch, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
|
import { Button, LayersIcon, Loader, ToggleSwitch, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
|
||||||
|
import useDebounce from "hooks/use-debounce";
|
||||||
|
|
||||||
|
import { ProjectService } from "services/project";
|
||||||
|
// ui
|
||||||
// types
|
// types
|
||||||
import { ISearchIssueResponse, TProjectIssuesSearchParams } from "@plane/types";
|
import { ISearchIssueResponse, TProjectIssuesSearchParams } from "@plane/types";
|
||||||
|
|
||||||
@ -180,7 +182,10 @@ export const ExistingIssuesListModal: React.FC<Props> = (props) => {
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Combobox.Options static className="max-h-80 scroll-py-2 overflow-y-auto vertical-scrollbar scrollbar-md">
|
<Combobox.Options
|
||||||
|
static
|
||||||
|
className="vertical-scrollbar scrollbar-md max-h-80 scroll-py-2 overflow-y-auto"
|
||||||
|
>
|
||||||
{searchTerm !== "" && (
|
{searchTerm !== "" && (
|
||||||
<h5 className="mx-2 text-[0.825rem] text-custom-text-200">
|
<h5 className="mx-2 text-[0.825rem] text-custom-text-200">
|
||||||
Search results for{" "}
|
Search results for{" "}
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
import React, { useEffect, useState, useRef, Fragment } from "react";
|
import React, { useEffect, useState, useRef, Fragment } from "react";
|
||||||
|
import { Placement } from "@popperjs/core";
|
||||||
import { useRouter } from "next/router";
|
import { useRouter } from "next/router";
|
||||||
import { Controller, useForm } from "react-hook-form"; // services
|
import { Controller, useForm } from "react-hook-form"; // services
|
||||||
import { AIService } from "services/ai.service";
|
|
||||||
// hooks
|
|
||||||
import { usePopper } from "react-popper";
|
import { usePopper } from "react-popper";
|
||||||
|
import { RichReadOnlyEditorWithRef } from "@plane/rich-text-editor";
|
||||||
|
import { Popover, Transition } from "@headlessui/react";
|
||||||
|
// hooks
|
||||||
// ui
|
// ui
|
||||||
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
// components
|
// components
|
||||||
import { RichReadOnlyEditorWithRef } from "@plane/rich-text-editor";
|
|
||||||
import { Popover, Transition } from "@headlessui/react";
|
|
||||||
// types
|
// types
|
||||||
import { Placement } from "@popperjs/core";
|
import { AIService } from "services/ai.service";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
isOpen: boolean;
|
isOpen: boolean;
|
||||||
@ -192,7 +192,7 @@ export const GptAssistantPopover: React.FC<Props> = (props) => {
|
|||||||
>
|
>
|
||||||
<Popover.Panel
|
<Popover.Panel
|
||||||
as="div"
|
as="div"
|
||||||
className={`fixed z-10 flex flex-col w-full max-w-full min-w-[50rem] space-y-4 overflow-hidden rounded-[10px] border border-custom-border-200 bg-custom-background-100 p-4 shadow ${className}`}
|
className={`fixed z-10 flex w-full min-w-[50rem] max-w-full flex-col space-y-4 overflow-hidden rounded-[10px] border border-custom-border-200 bg-custom-background-100 p-4 shadow ${className}`}
|
||||||
ref={setPopperElement}
|
ref={setPopperElement}
|
||||||
style={styles.popper}
|
style={styles.popper}
|
||||||
{...attributes.popper}
|
{...attributes.popper}
|
||||||
@ -211,7 +211,7 @@ export const GptAssistantPopover: React.FC<Props> = (props) => {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{response !== "" && (
|
{response !== "" && (
|
||||||
<div className="page-block-section text-sm max-h-[8rem]">
|
<div className="page-block-section max-h-[8rem] text-sm">
|
||||||
Response:
|
Response:
|
||||||
<RichReadOnlyEditorWithRef
|
<RichReadOnlyEditorWithRef
|
||||||
value={`<p>${response}</p>`}
|
value={`<p>${response}</p>`}
|
||||||
|
|||||||
@ -159,8 +159,8 @@ export const LinkModal: FC<Props> = (props) => {
|
|||||||
? "Updating Link..."
|
? "Updating Link..."
|
||||||
: "Update Link"
|
: "Update Link"
|
||||||
: isSubmitting
|
: isSubmitting
|
||||||
? "Adding Link..."
|
? "Adding Link..."
|
||||||
: "Add Link"}
|
: "Add Link"}
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
@ -3,15 +3,16 @@ import { observer } from "mobx-react-lite";
|
|||||||
import { useDropzone } from "react-dropzone";
|
import { useDropzone } from "react-dropzone";
|
||||||
import { Transition, Dialog } from "@headlessui/react";
|
import { Transition, Dialog } from "@headlessui/react";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { UserCircle2 } from "lucide-react";
|
||||||
|
import { Button, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
|
||||||
|
import { MAX_FILE_SIZE } from "constants/common";
|
||||||
import { useApplication } from "hooks/store";
|
import { useApplication } from "hooks/store";
|
||||||
// services
|
// services
|
||||||
import { FileService } from "services/file.service";
|
import { FileService } from "services/file.service";
|
||||||
// ui
|
// ui
|
||||||
import { Button, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// icons
|
// icons
|
||||||
import { UserCircle2 } from "lucide-react";
|
|
||||||
// constants
|
// constants
|
||||||
import { MAX_FILE_SIZE } from "constants/common";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
handleDelete?: () => void;
|
handleDelete?: () => void;
|
||||||
|
|||||||
@ -1,18 +1,18 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import { useRouter } from "next/router";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
import { useDropzone } from "react-dropzone";
|
import { useDropzone } from "react-dropzone";
|
||||||
import { Transition, Dialog } from "@headlessui/react";
|
import { Transition, Dialog } from "@headlessui/react";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { UserCircle2 } from "lucide-react";
|
||||||
|
import { Button, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
|
import { MAX_FILE_SIZE } from "constants/common";
|
||||||
import { useApplication, useWorkspace } from "hooks/store";
|
import { useApplication, useWorkspace } from "hooks/store";
|
||||||
// services
|
// services
|
||||||
import { FileService } from "services/file.service";
|
import { FileService } from "services/file.service";
|
||||||
// ui
|
// ui
|
||||||
import { Button, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// icons
|
// icons
|
||||||
import { UserCircle2 } from "lucide-react";
|
|
||||||
// constants
|
// constants
|
||||||
import { MAX_FILE_SIZE } from "constants/common";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
handleRemove?: () => void;
|
handleRemove?: () => void;
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
import { cn } from "helpers/common.helper";
|
|
||||||
import React, { useState, useRef, useEffect, ReactNode, MutableRefObject } from "react";
|
import React, { useState, useRef, useEffect, ReactNode, MutableRefObject } from "react";
|
||||||
|
import { cn } from "helpers/common.helper";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
defaultHeight?: string;
|
defaultHeight?: string;
|
||||||
verticalOffset?: number;
|
verticalOffset?: number;
|
||||||
horizonatlOffset?: number;
|
horizontalOffset?: number;
|
||||||
root?: MutableRefObject<HTMLElement | null>;
|
root?: MutableRefObject<HTMLElement | null>;
|
||||||
children: ReactNode;
|
children: ReactNode;
|
||||||
as?: keyof JSX.IntrinsicElements;
|
as?: keyof JSX.IntrinsicElements;
|
||||||
@ -20,7 +20,7 @@ const RenderIfVisible: React.FC<Props> = (props) => {
|
|||||||
defaultHeight = "300px",
|
defaultHeight = "300px",
|
||||||
root,
|
root,
|
||||||
verticalOffset = 50,
|
verticalOffset = 50,
|
||||||
horizonatlOffset = 0,
|
horizontalOffset = 0,
|
||||||
as = "div",
|
as = "div",
|
||||||
children,
|
children,
|
||||||
classNames = "",
|
classNames = "",
|
||||||
@ -52,17 +52,18 @@ const RenderIfVisible: React.FC<Props> = (props) => {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
root: root?.current,
|
root: root?.current,
|
||||||
rootMargin: `${verticalOffset}% ${horizonatlOffset}% ${verticalOffset}% ${horizonatlOffset}%`,
|
rootMargin: `${verticalOffset}% ${horizontalOffset}% ${verticalOffset}% ${horizontalOffset}%`,
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
observer.observe(intersectionRef.current);
|
observer.observe(intersectionRef.current);
|
||||||
return () => {
|
return () => {
|
||||||
if (intersectionRef.current) {
|
if (intersectionRef.current) {
|
||||||
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
observer.unobserve(intersectionRef.current);
|
observer.unobserve(intersectionRef.current);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}, [root?.current, intersectionRef, children, changingReference]);
|
}, [intersectionRef, children, changingReference, root, verticalOffset, horizontalOffset]);
|
||||||
|
|
||||||
//Set height after render
|
//Set height after render
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|||||||
@ -1,15 +1,14 @@
|
|||||||
// ui
|
import { observer } from "mobx-react";
|
||||||
import { ExternalLinkIcon, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
|
|
||||||
// icons
|
// icons
|
||||||
import { Pencil, Trash2, LinkIcon } from "lucide-react";
|
import { Pencil, Trash2, LinkIcon } from "lucide-react";
|
||||||
|
// ui
|
||||||
|
import { ExternalLinkIcon, Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
|
||||||
// helpers
|
// helpers
|
||||||
import { calculateTimeAgo } from "helpers/date-time.helper";
|
import { calculateTimeAgo } from "helpers/date-time.helper";
|
||||||
|
// hooks
|
||||||
|
import { useMember } from "hooks/store";
|
||||||
// types
|
// types
|
||||||
import { ILinkDetails, UserAuth } from "@plane/types";
|
import { ILinkDetails, UserAuth } from "@plane/types";
|
||||||
// hooks
|
|
||||||
import { observer } from "mobx-react";
|
|
||||||
import { useMeasure } from "@nivo/core";
|
|
||||||
import { useMember } from "hooks/store";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
links: ILinkDetails[];
|
links: ILinkDetails[];
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
import { FC } from "react";
|
import { FC } from "react";
|
||||||
|
import { observer } from "mobx-react";
|
||||||
import { Menu } from "lucide-react";
|
import { Menu } from "lucide-react";
|
||||||
import { useApplication } from "hooks/store";
|
import { useApplication } from "hooks/store";
|
||||||
import { observer } from "mobx-react";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
onClick?: () => void;
|
onClick?: () => void;
|
||||||
|
|||||||
@ -4,14 +4,14 @@ import Image from "next/image";
|
|||||||
// headless ui
|
// headless ui
|
||||||
import { Tab } from "@headlessui/react";
|
import { Tab } from "@headlessui/react";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { Avatar, StateGroupIcon } from "@plane/ui";
|
||||||
|
import { SingleProgressStats } from "components/core";
|
||||||
import useLocalStorage from "hooks/use-local-storage";
|
import useLocalStorage from "hooks/use-local-storage";
|
||||||
// images
|
// images
|
||||||
import emptyLabel from "public/empty-state/empty_label.svg";
|
import emptyLabel from "public/empty-state/empty_label.svg";
|
||||||
import emptyMembers from "public/empty-state/empty_members.svg";
|
import emptyMembers from "public/empty-state/empty_members.svg";
|
||||||
// components
|
// components
|
||||||
import { SingleProgressStats } from "components/core";
|
|
||||||
// ui
|
// ui
|
||||||
import { Avatar, StateGroupIcon } from "@plane/ui";
|
|
||||||
// types
|
// types
|
||||||
import {
|
import {
|
||||||
IModule,
|
IModule,
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
import { FC, Fragment } from "react";
|
import { FC, Fragment } from "react";
|
||||||
// react-form
|
// react-form
|
||||||
|
import { ColorResult, SketchPicker } from "react-color";
|
||||||
import {
|
import {
|
||||||
Control,
|
Control,
|
||||||
Controller,
|
Controller,
|
||||||
@ -11,12 +12,11 @@ import {
|
|||||||
UseFormWatch,
|
UseFormWatch,
|
||||||
} from "react-hook-form";
|
} from "react-hook-form";
|
||||||
// react-color
|
// react-color
|
||||||
import { ColorResult, SketchPicker } from "react-color";
|
|
||||||
// component
|
// component
|
||||||
import { Popover, Transition } from "@headlessui/react";
|
import { Popover, Transition } from "@headlessui/react";
|
||||||
|
import { Palette } from "lucide-react";
|
||||||
import { Input } from "@plane/ui";
|
import { Input } from "@plane/ui";
|
||||||
// icons
|
// icons
|
||||||
import { Palette } from "lucide-react";
|
|
||||||
// types
|
// types
|
||||||
import { IUserTheme } from "@plane/types";
|
import { IUserTheme } from "@plane/types";
|
||||||
|
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
import { Controller, useForm } from "react-hook-form";
|
|
||||||
import { useTheme } from "next-themes";
|
import { useTheme } from "next-themes";
|
||||||
|
import { Controller, useForm } from "react-hook-form";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { Button, InputColorPicker } from "@plane/ui";
|
||||||
import { useUser } from "hooks/store";
|
import { useUser } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
import { Button, InputColorPicker } from "@plane/ui";
|
|
||||||
// types
|
// types
|
||||||
import { IUserTheme } from "@plane/types";
|
import { IUserTheme } from "@plane/types";
|
||||||
|
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
import { FC } from "react";
|
import { FC } from "react";
|
||||||
// constants
|
// constants
|
||||||
|
import { CustomSelect } from "@plane/ui";
|
||||||
import { THEME_OPTIONS, I_THEME_OPTION } from "constants/themes";
|
import { THEME_OPTIONS, I_THEME_OPTION } from "constants/themes";
|
||||||
// ui
|
// ui
|
||||||
import { CustomSelect } from "@plane/ui";
|
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
value: I_THEME_OPTION | null;
|
value: I_THEME_OPTION | null;
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
import { MouseEvent } from "react";
|
import { MouseEvent } from "react";
|
||||||
import Link from "next/link";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
import useSWR from "swr";
|
import Link from "next/link";
|
||||||
import { useTheme } from "next-themes";
|
import { useTheme } from "next-themes";
|
||||||
|
import useSWR from "swr";
|
||||||
// hooks
|
// hooks
|
||||||
import { useCycle, useIssues, useMember, useProject, useUser } from "hooks/store";
|
import { useCycle, useIssues, useMember, useProject, useUser } from "hooks/store";
|
||||||
// ui
|
// ui
|
||||||
@ -183,7 +183,7 @@ export const ActiveCycleDetails: React.FC<IActiveCycleDetails> = observer((props
|
|||||||
</Tooltip>
|
</Tooltip>
|
||||||
</span>
|
</span>
|
||||||
<span className="flex items-center gap-1">
|
<span className="flex items-center gap-1">
|
||||||
<span className="flex gap-1 whitespace-nowrap rounded-sm text-sm px-3 py-0.5 bg-amber-500/10 text-amber-500">
|
<span className="flex gap-1 whitespace-nowrap rounded-sm bg-amber-500/10 px-3 py-0.5 text-sm text-amber-500">
|
||||||
{`${daysLeft} ${daysLeft > 1 ? "days" : "day"} left`}
|
{`${daysLeft} ${daysLeft > 1 ? "days" : "day"} left`}
|
||||||
</span>
|
</span>
|
||||||
{activeCycle.is_favorite ? (
|
{activeCycle.is_favorite ? (
|
||||||
@ -303,9 +303,9 @@ export const ActiveCycleDetails: React.FC<IActiveCycleDetails> = observer((props
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-1 divide-y border-custom-border-200 lg:grid-cols-2 lg:divide-x lg:divide-y-0">
|
<div className="grid grid-cols-1 divide-y border-custom-border-200 lg:grid-cols-2 lg:divide-x lg:divide-y-0">
|
||||||
<div className="flex flex-col gap-3 p-4 max-h-60 overflow-hidden">
|
<div className="flex max-h-60 flex-col gap-3 overflow-hidden p-4">
|
||||||
<div className="text-custom-primary">High Priority Issues</div>
|
<div className="text-custom-primary">High Priority Issues</div>
|
||||||
<div className="flex flex-col h-full gap-2.5 overflow-y-scroll rounded-md">
|
<div className="flex h-full flex-col gap-2.5 overflow-y-scroll rounded-md">
|
||||||
{activeCycleIssues ? (
|
{activeCycleIssues ? (
|
||||||
activeCycleIssues.length > 0 ? (
|
activeCycleIssues.length > 0 ? (
|
||||||
activeCycleIssues.map((issue: any) => (
|
activeCycleIssues.map((issue: any) => (
|
||||||
@ -329,17 +329,17 @@ export const ActiveCycleDetails: React.FC<IActiveCycleDetails> = observer((props
|
|||||||
<span className="text-[0.825rem] text-custom-text-100">{truncateText(issue.name, 30)}</span>
|
<span className="text-[0.825rem] text-custom-text-100">{truncateText(issue.name, 30)}</span>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-1.5 flex-shrink-0">
|
<div className="flex flex-shrink-0 items-center gap-1.5">
|
||||||
<StateDropdown
|
<StateDropdown
|
||||||
value={issue.state_id ?? undefined}
|
value={issue.state_id ?? undefined}
|
||||||
onChange={() => {}}
|
onChange={() => {}}
|
||||||
projectId={projectId?.toString() ?? ""}
|
projectId={projectId?.toString() ?? ""}
|
||||||
disabled={true}
|
disabled
|
||||||
buttonVariant="background-with-text"
|
buttonVariant="background-with-text"
|
||||||
/>
|
/>
|
||||||
{issue.target_date && (
|
{issue.target_date && (
|
||||||
<Tooltip tooltipHeading="Target Date" tooltipContent={renderFormattedDate(issue.target_date)}>
|
<Tooltip tooltipHeading="Target Date" tooltipContent={renderFormattedDate(issue.target_date)}>
|
||||||
<div className="h-full flex items-center gap-1.5 rounded text-xs px-2 py-0.5 bg-custom-background-80 cursor-not-allowed">
|
<div className="flex h-full cursor-not-allowed items-center gap-1.5 rounded bg-custom-background-80 px-2 py-0.5 text-xs">
|
||||||
<CalendarCheck className="h-3 w-3 flex-shrink-0" />
|
<CalendarCheck className="h-3 w-3 flex-shrink-0" />
|
||||||
<span className="text-xs">{renderFormattedDateWithoutYear(issue.target_date)}</span>
|
<span className="text-xs">{renderFormattedDateWithoutYear(issue.target_date)}</span>
|
||||||
</div>
|
</div>
|
||||||
@ -349,7 +349,7 @@ export const ActiveCycleDetails: React.FC<IActiveCycleDetails> = observer((props
|
|||||||
</Link>
|
</Link>
|
||||||
))
|
))
|
||||||
) : (
|
) : (
|
||||||
<div className="flex items-center justify-center h-full text-sm text-custom-text-200">
|
<div className="flex h-full items-center justify-center text-sm text-custom-text-200">
|
||||||
There are no high priority issues present in this cycle.
|
There are no high priority issues present in this cycle.
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
@ -362,7 +362,7 @@ export const ActiveCycleDetails: React.FC<IActiveCycleDetails> = observer((props
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col border-custom-border-200 p-4 max-h-60">
|
<div className="flex max-h-60 flex-col border-custom-border-200 p-4">
|
||||||
<div className="flex items-start justify-between gap-4 py-1.5 text-xs">
|
<div className="flex items-start justify-between gap-4 py-1.5 text-xs">
|
||||||
<div className="flex items-center gap-3 text-custom-text-100">
|
<div className="flex items-center gap-3 text-custom-text-100">
|
||||||
<div className="flex items-center justify-center gap-1">
|
<div className="flex items-center justify-center gap-1">
|
||||||
|
|||||||
@ -1,11 +1,11 @@
|
|||||||
import React, { Fragment } from "react";
|
import React, { Fragment } from "react";
|
||||||
import { Tab } from "@headlessui/react";
|
import { Tab } from "@headlessui/react";
|
||||||
// hooks
|
// hooks
|
||||||
|
import { Avatar } from "@plane/ui";
|
||||||
|
import { SingleProgressStats } from "components/core";
|
||||||
import useLocalStorage from "hooks/use-local-storage";
|
import useLocalStorage from "hooks/use-local-storage";
|
||||||
// components
|
// components
|
||||||
import { SingleProgressStats } from "components/core";
|
|
||||||
// ui
|
// ui
|
||||||
import { Avatar } from "@plane/ui";
|
|
||||||
// types
|
// types
|
||||||
import { ICycle } from "@plane/types";
|
import { ICycle } from "@plane/types";
|
||||||
|
|
||||||
|
|||||||
@ -1,16 +1,16 @@
|
|||||||
import { useCallback, useState } from "react";
|
import { useCallback, useState } from "react";
|
||||||
import router from "next/router";
|
import router from "next/router";
|
||||||
//components
|
//components
|
||||||
import { CustomMenu } from "@plane/ui";
|
|
||||||
// icons
|
// icons
|
||||||
import { Calendar, ChevronDown, Kanban, List } from "lucide-react";
|
import { Calendar, ChevronDown, Kanban, List } from "lucide-react";
|
||||||
import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions, TIssueLayouts } from "@plane/types";
|
import { CustomMenu } from "@plane/ui";
|
||||||
// hooks
|
// hooks
|
||||||
import { useIssues, useCycle, useProjectState, useLabel, useMember } from "hooks/store";
|
|
||||||
// constants
|
// constants
|
||||||
import { EIssueFilterType, EIssuesStoreType, ISSUE_DISPLAY_FILTERS_BY_LAYOUT, ISSUE_LAYOUTS } from "constants/issue";
|
|
||||||
import { ProjectAnalyticsModal } from "components/analytics";
|
import { ProjectAnalyticsModal } from "components/analytics";
|
||||||
import { DisplayFiltersSelection, FilterSelection, FiltersDropdown } from "components/issues";
|
import { DisplayFiltersSelection, FilterSelection, FiltersDropdown } from "components/issues";
|
||||||
|
import { EIssueFilterType, EIssuesStoreType, ISSUE_DISPLAY_FILTERS_BY_LAYOUT, ISSUE_LAYOUTS } from "constants/issue";
|
||||||
|
import { useIssues, useCycle, useProjectState, useLabel, useMember } from "hooks/store";
|
||||||
|
import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions, TIssueLayouts } from "@plane/types";
|
||||||
|
|
||||||
export const CycleMobileHeader = () => {
|
export const CycleMobileHeader = () => {
|
||||||
const [analyticsModal, setAnalyticsModal] = useState(false);
|
const [analyticsModal, setAnalyticsModal] = useState(false);
|
||||||
@ -100,6 +100,7 @@ export const CycleMobileHeader = () => {
|
|||||||
>
|
>
|
||||||
{layouts.map((layout, index) => (
|
{layouts.map((layout, index) => (
|
||||||
<CustomMenu.MenuItem
|
<CustomMenu.MenuItem
|
||||||
|
key={ISSUE_LAYOUTS[index].key}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
handleLayoutChange(ISSUE_LAYOUTS[index].key);
|
handleLayoutChange(ISSUE_LAYOUTS[index].key);
|
||||||
}}
|
}}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
import React, { useEffect } from "react";
|
import React, { useEffect } from "react";
|
||||||
import { useRouter } from "next/router";
|
|
||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
// hooks
|
// hooks
|
||||||
import { useCycle } from "hooks/store";
|
import { useCycle } from "hooks/store";
|
||||||
// components
|
// components
|
||||||
|
|||||||
@ -1,12 +1,10 @@
|
|||||||
import { FC, MouseEvent, useState } from "react";
|
import { FC, MouseEvent, useState } from "react";
|
||||||
import { useRouter } from "next/router";
|
|
||||||
import Link from "next/link";
|
|
||||||
import { observer } from "mobx-react";
|
import { observer } from "mobx-react";
|
||||||
|
import Link from "next/link";
|
||||||
|
import { useRouter } from "next/router";
|
||||||
// hooks
|
// hooks
|
||||||
import { useEventTracker, useCycle, useUser, useMember } from "hooks/store";
|
|
||||||
// components
|
// components
|
||||||
import { CycleCreateUpdateModal, CycleDeleteModal } from "components/cycles";
|
import { Info, LinkIcon, Pencil, Star, Trash2 } from "lucide-react";
|
||||||
// ui
|
|
||||||
import {
|
import {
|
||||||
Avatar,
|
Avatar,
|
||||||
AvatarGroup,
|
AvatarGroup,
|
||||||
@ -18,15 +16,17 @@ import {
|
|||||||
setToast,
|
setToast,
|
||||||
setPromiseToast,
|
setPromiseToast,
|
||||||
} from "@plane/ui";
|
} from "@plane/ui";
|
||||||
|
import { CycleCreateUpdateModal, CycleDeleteModal } from "components/cycles";
|
||||||
|
// ui
|
||||||
// icons
|
// icons
|
||||||
import { Info, LinkIcon, Pencil, Star, Trash2 } from "lucide-react";
|
|
||||||
// helpers
|
// helpers
|
||||||
|
import { CYCLE_STATUS } from "constants/cycle";
|
||||||
|
import { CYCLE_FAVORITED, CYCLE_UNFAVORITED } from "constants/event-tracker";
|
||||||
|
import { EUserWorkspaceRoles } from "constants/workspace";
|
||||||
import { findHowManyDaysLeft, renderFormattedDate } from "helpers/date-time.helper";
|
import { findHowManyDaysLeft, renderFormattedDate } from "helpers/date-time.helper";
|
||||||
import { copyTextToClipboard } from "helpers/string.helper";
|
import { copyTextToClipboard } from "helpers/string.helper";
|
||||||
// constants
|
// constants
|
||||||
import { CYCLE_STATUS } from "constants/cycle";
|
import { useEventTracker, useCycle, useUser, useMember } from "hooks/store";
|
||||||
import { EUserWorkspaceRoles } from "constants/workspace";
|
|
||||||
import { CYCLE_FAVORITED, CYCLE_UNFAVORITED } from "constants/event-tracker";
|
|
||||||
//.types
|
//.types
|
||||||
import { TCycleGroups } from "@plane/types";
|
import { TCycleGroups } from "@plane/types";
|
||||||
|
|
||||||
|
|||||||
@ -2,12 +2,12 @@ import { FC } from "react";
|
|||||||
import { observer } from "mobx-react-lite";
|
import { observer } from "mobx-react-lite";
|
||||||
import { useTheme } from "next-themes";
|
import { useTheme } from "next-themes";
|
||||||
// hooks
|
// hooks
|
||||||
import { useUser } from "hooks/store";
|
|
||||||
// components
|
// components
|
||||||
import { CyclePeekOverview, CyclesBoardCard } from "components/cycles";
|
import { CyclePeekOverview, CyclesBoardCard } from "components/cycles";
|
||||||
import { EmptyState, getEmptyStateImagePath } from "components/empty-state";
|
import { EmptyState, getEmptyStateImagePath } from "components/empty-state";
|
||||||
// constants
|
// constants
|
||||||
import { CYCLE_EMPTY_STATE_DETAILS } from "constants/empty-state";
|
import { CYCLE_EMPTY_STATE_DETAILS } from "constants/empty-state";
|
||||||
|
import { useUser } from "hooks/store";
|
||||||
|
|
||||||
export interface ICyclesBoard {
|
export interface ICyclesBoard {
|
||||||
cycleIds: string[];
|
cycleIds: string[];
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user