") return Response( { diff --git a/apiserver/plane/api/views/issue.py b/apiserver/plane/api/views/issue.py index a5b5bc35f..0194863f2 100644 --- a/apiserver/plane/api/views/issue.py +++ b/apiserver/plane/api/views/issue.py @@ -17,11 +17,12 @@ from django.db.models import ( When, Exists, Max, + IntegerField, ) from django.core.serializers.json import DjangoJSONEncoder from django.utils.decorators import method_decorator from django.views.decorators.gzip import gzip_page -from django.db.models.functions import Coalesce +from django.db import IntegrityError from django.conf import settings from django.db import IntegrityError @@ -340,7 +341,11 @@ class UserWorkSpaceIssues(BaseAPIView): issue_queryset = ( Issue.issue_objects.filter( - (Q(assignees__in=[request.user]) | Q(created_by=request.user) | Q(issue_subscribers__subscriber=request.user)), + ( + Q(assignees__in=[request.user]) + | Q(created_by=request.user) + | Q(issue_subscribers__subscriber=request.user) + ), workspace__slug=slug, ) .annotate( @@ -1548,32 +1553,35 @@ class IssueCommentPublicViewSet(BaseViewSet): return super(IssueCommentPublicViewSet, self).get_permissions() def get_queryset(self): - project_deploy_board = ProjectDeployBoard.objects.get( - workspace__slug=self.kwargs.get("slug"), - project_id=self.kwargs.get("project_id"), - ) - if project_deploy_board.comments: - return self.filter_queryset( - super() - .get_queryset() - .filter(workspace__slug=self.kwargs.get("slug")) - .filter(issue_id=self.kwargs.get("issue_id")) - .filter(access="EXTERNAL") - .select_related("project") - .select_related("workspace") - .select_related("issue") - .annotate( - is_member=Exists( - ProjectMember.objects.filter( - workspace__slug=self.kwargs.get("slug"), - project_id=self.kwargs.get("project_id"), - member_id=self.request.user.id, + try: + project_deploy_board = ProjectDeployBoard.objects.get( + workspace__slug=self.kwargs.get("slug"), + project_id=self.kwargs.get("project_id"), + ) + if project_deploy_board.comments: + return self.filter_queryset( + super() + .get_queryset() + .filter(workspace__slug=self.kwargs.get("slug")) + .filter(issue_id=self.kwargs.get("issue_id")) + .filter(access="EXTERNAL") + .select_related("project") + .select_related("workspace") + .select_related("issue") + .annotate( + is_member=Exists( + ProjectMember.objects.filter( + workspace__slug=self.kwargs.get("slug"), + project_id=self.kwargs.get("project_id"), + member_id=self.request.user.id, + ) ) ) - ) - .distinct() - ) - else: + .distinct() + ).order_by("created_at") + else: + return IssueComment.objects.none() + except ProjectDeployBoard.DoesNotExist: return IssueComment.objects.none() def create(self, request, slug, project_id, issue_id): @@ -1706,21 +1714,24 @@ class IssueReactionPublicViewSet(BaseViewSet): model = IssueReaction def get_queryset(self): - project_deploy_board = ProjectDeployBoard.objects.get( - workspace__slug=self.kwargs.get("slug"), - project_id=self.kwargs.get("project_id"), - ) - if project_deploy_board.reactions: - return ( - super() - .get_queryset() - .filter(workspace__slug=self.kwargs.get("slug")) - .filter(project_id=self.kwargs.get("project_id")) - .filter(issue_id=self.kwargs.get("issue_id")) - .order_by("-created_at") - .distinct() + try: + project_deploy_board = ProjectDeployBoard.objects.get( + workspace__slug=self.kwargs.get("slug"), + project_id=self.kwargs.get("project_id"), ) - else: + if project_deploy_board.reactions: + return ( + super() + .get_queryset() + .filter(workspace__slug=self.kwargs.get("slug")) + .filter(project_id=self.kwargs.get("project_id")) + .filter(issue_id=self.kwargs.get("issue_id")) + .order_by("-created_at") + .distinct() + ) + else: + return IssueReaction.objects.none() + except ProjectDeployBoard.DoesNotExist: return IssueReaction.objects.none() def create(self, request, slug, project_id, issue_id): @@ -1821,21 +1832,24 @@ class CommentReactionPublicViewSet(BaseViewSet): model = CommentReaction def get_queryset(self): - project_deploy_board = ProjectDeployBoard.objects.get( - workspace__slug=self.kwargs.get("slug"), - project_id=self.kwargs.get("project_id"), - ) - if project_deploy_board.reactions: - return ( - super() - .get_queryset() - .filter(workspace__slug=self.kwargs.get("slug")) - .filter(project_id=self.kwargs.get("project_id")) - .filter(comment_id=self.kwargs.get("comment_id")) - .order_by("-created_at") - .distinct() + try: + project_deploy_board = ProjectDeployBoard.objects.get( + workspace__slug=self.kwargs.get("slug"), + project_id=self.kwargs.get("project_id"), ) - else: + if project_deploy_board.reactions: + return ( + super() + .get_queryset() + .filter(workspace__slug=self.kwargs.get("slug")) + .filter(project_id=self.kwargs.get("project_id")) + .filter(comment_id=self.kwargs.get("comment_id")) + .order_by("-created_at") + .distinct() + ) + else: + return CommentReaction.objects.none() + except ProjectDeployBoard.DoesNotExist: return CommentReaction.objects.none() def create(self, request, slug, project_id, comment_id): @@ -1942,13 +1956,23 @@ class IssueVotePublicViewSet(BaseViewSet): serializer_class = IssueVoteSerializer def get_queryset(self): - return ( - super() - .get_queryset() - .filter(issue_id=self.kwargs.get("issue_id")) - .filter(workspace__slug=self.kwargs.get("slug")) - .filter(project_id=self.kwargs.get("project_id")) - ) + try: + project_deploy_board = ProjectDeployBoard.objects.get( + workspace__slug=self.kwargs.get("slug"), + project_id=self.kwargs.get("project_id"), + ) + if project_deploy_board.votes: + return ( + super() + .get_queryset() + .filter(issue_id=self.kwargs.get("issue_id")) + .filter(workspace__slug=self.kwargs.get("slug")) + .filter(project_id=self.kwargs.get("project_id")) + ) + else: + return IssueVote.objects.none() + except ProjectDeployBoard.DoesNotExist: + return IssueVote.objects.none() def create(self, request, slug, project_id, issue_id): try: @@ -1977,6 +2001,10 @@ class IssueVotePublicViewSet(BaseViewSet): ) serializer = IssueVoteSerializer(issue_vote) return Response(serializer.data, status=status.HTTP_201_CREATED) + except IntegrityError: + return Response( + {"error": "Reaction already exists"}, status=status.HTTP_400_BAD_REQUEST + ) except Exception as e: capture_exception(e) return Response( @@ -2167,6 +2195,12 @@ class ProjectIssuesPublicEndpoint(BaseAPIView): queryset=IssueReaction.objects.select_related("actor"), ) ) + .prefetch_related( + Prefetch( + "votes", + queryset=IssueVote.objects.select_related("actor"), + ) + ) .filter(**filters) .annotate(cycle_id=F("issue_cycle__cycle_id")) .annotate(module_id=F("issue_module__module_id")) @@ -2246,9 +2280,33 @@ class ProjectIssuesPublicEndpoint(BaseAPIView): issues = IssuePublicSerializer(issue_queryset, many=True).data - states = State.objects.filter( - workspace__slug=slug, project_id=project_id - ).values("name", "group", "color", "id") + state_group_order = [ + "backlog", + "unstarted", + "started", + "completed", + "cancelled", + ] + + states = ( + State.objects.filter( + ~Q(name="Triage"), + workspace__slug=slug, + project_id=project_id, + ) + .annotate( + custom_order=Case( + *[ + When(group=value, then=Value(index)) + for index, value in enumerate(state_group_order) + ], + default=Value(len(state_group_order)), + output_field=IntegerField(), + ), + ) + .values("name", "group", "color", "id") + .order_by("custom_order", "sequence") + ) labels = Label.objects.filter( workspace__slug=slug, project_id=project_id diff --git a/apiserver/plane/api/views/project.py b/apiserver/plane/api/views/project.py index 97b06fce5..093c8ff78 100644 --- a/apiserver/plane/api/views/project.py +++ b/apiserver/plane/api/views/project.py @@ -11,14 +11,8 @@ from django.db.models import ( OuterRef, Func, F, - Max, - CharField, Func, Subquery, - Prefetch, - When, - Case, - Value, ) from django.core.validators import validate_email from django.conf import settings @@ -47,6 +41,7 @@ from plane.api.permissions import ( ProjectBasePermission, ProjectEntityPermission, ProjectMemberPermission, + ProjectLitePermission, ) from plane.db.models import ( @@ -71,16 +66,9 @@ from plane.db.models import ( ModuleMember, Inbox, ProjectDeployBoard, - Issue, - IssueReaction, - IssueLink, - IssueAttachment, - Label, ) from plane.bgtasks.project_invitation_task import project_invitation -from plane.utils.grouper import group_results -from plane.utils.issue_filters import issue_filters class ProjectViewSet(BaseViewSet): @@ -494,7 +482,7 @@ class UserProjectInvitationsViewset(BaseViewSet): # Delete joined project invites project_invitations.delete() - return Response(status=status.HTTP_200_OK) + return Response(status=status.HTTP_204_NO_CONTENT) except Exception as e: capture_exception(e) return Response( @@ -629,7 +617,7 @@ class ProjectMemberViewSet(BaseViewSet): return Response(status=status.HTTP_204_NO_CONTENT) except ProjectMember.DoesNotExist: return Response( - {"error": "Project Member does not exist"}, status=status.HTTP_400 + {"error": "Project Member does not exist"}, status=status.HTTP_400_BAD_REQUEST ) except Exception as e: capture_exception(e) @@ -936,8 +924,7 @@ class ProjectUserViewsEndpoint(BaseAPIView): project_member.save() - return Response(status=status.HTTP_200_OK) - + return Response(status=status.HTTP_204_NO_CONTENT) except Project.DoesNotExist: return Response( {"error": "The requested resource does not exists"}, @@ -1144,8 +1131,9 @@ class ProjectDeployBoardPublicSettingsEndpoint(BaseAPIView): class WorkspaceProjectDeployBoardEndpoint(BaseAPIView): - - permission_classes = [AllowAny,] + permission_classes = [ + AllowAny, + ] def get(self, request, slug): try: @@ -1176,3 +1164,48 @@ class WorkspaceProjectDeployBoardEndpoint(BaseAPIView): {"error": "Something went wrong please try again later"}, status=status.HTTP_400_BAD_REQUEST, ) + + +class LeaveProjectEndpoint(BaseAPIView): + permission_classes = [ + ProjectLitePermission, + ] + + def delete(self, request, slug, project_id): + try: + project_member = ProjectMember.objects.get( + workspace__slug=slug, + member=request.user, + project_id=project_id, + ) + + # Only Admin case + if ( + project_member.role == 20 + and ProjectMember.objects.filter( + workspace__slug=slug, + role=20, + project_id=project_id, + ).count() + == 1 + ): + return Response( + { + "error": "You cannot leave the project since you are the only admin of the project you should delete the project" + }, + status=status.HTTP_400_BAD_REQUEST, + ) + # Delete the member from workspace + project_member.delete() + return Response(status=status.HTTP_204_NO_CONTENT) + except ProjectMember.DoesNotExist: + return Response( + {"error": "Workspace member does not exists"}, + status=status.HTTP_400_BAD_REQUEST, + ) + except Exception as e: + capture_exception(e) + return Response( + {"error": "Something went wrong please try again later"}, + status=status.HTTP_400_BAD_REQUEST, + ) diff --git a/apiserver/plane/api/views/workspace.py b/apiserver/plane/api/views/workspace.py index cbf62548f..2ec3f324a 100644 --- a/apiserver/plane/api/views/workspace.py +++ b/apiserver/plane/api/views/workspace.py @@ -116,7 +116,7 @@ class WorkSpaceViewSet(BaseViewSet): ) issue_count = ( - Issue.objects.filter(workspace=OuterRef("id")) + Issue.issue_objects.filter(workspace=OuterRef("id")) .order_by() .annotate(count=Func(F("id"), function="Count")) .values("count") @@ -203,7 +203,7 @@ class UserWorkSpacesEndpoint(BaseAPIView): ) issue_count = ( - Issue.objects.filter(workspace=OuterRef("id")) + Issue.issue_objects.filter(workspace=OuterRef("id")) .order_by() .annotate(count=Func(F("id"), function="Count")) .values("count") @@ -532,7 +532,7 @@ class UserWorkspaceInvitationsEndpoint(BaseViewSet): # Delete joined workspace invites workspace_invitations.delete() - return Response(status=status.HTTP_200_OK) + return Response(status=status.HTTP_204_NO_CONTENT) except Exception as e: capture_exception(e) return Response( @@ -846,7 +846,7 @@ class WorkspaceMemberUserViewsEndpoint(BaseAPIView): workspace_member.view_props = request.data.get("view_props", {}) workspace_member.save() - return Response(status=status.HTTP_200_OK) + return Response(status=status.HTTP_204_NO_CONTENT) except WorkspaceMember.DoesNotExist: return Response( {"error": "User not a member of workspace"}, @@ -1075,7 +1075,7 @@ class WorkspaceUserProfileStatsEndpoint(BaseAPIView): priority_order = ["urgent", "high", "medium", "low", None] priority_distribution = ( - Issue.objects.filter( + Issue.issue_objects.filter( workspace__slug=slug, assignees__in=[user_id], project__project_projectmember__member=request.user, @@ -1473,3 +1473,44 @@ class WorkspaceMembersEndpoint(BaseAPIView): {"error": "Something went wrong please try again later"}, status=status.HTTP_400_BAD_REQUEST, ) + + +class LeaveWorkspaceEndpoint(BaseAPIView): + permission_classes = [ + WorkspaceEntityPermission, + ] + + def delete(self, request, slug): + try: + workspace_member = WorkspaceMember.objects.get( + workspace__slug=slug, member=request.user + ) + + # Only Admin case + if ( + workspace_member.role == 20 + and WorkspaceMember.objects.filter( + workspace__slug=slug, role=20 + ).count() + == 1 + ): + return Response( + { + "error": "You cannot leave the workspace since you are the only admin of the workspace you should delete the workspace" + }, + status=status.HTTP_400_BAD_REQUEST, + ) + # Delete the member from workspace + workspace_member.delete() + return Response(status=status.HTTP_204_NO_CONTENT) + except WorkspaceMember.DoesNotExist: + return Response( + {"error": "Workspace member does not exists"}, + status=status.HTTP_400_BAD_REQUEST, + ) + except Exception as e: + capture_exception(e) + return Response( + {"error": "Something went wrong please try again later"}, + status=status.HTTP_400_BAD_REQUEST, + ) diff --git a/apiserver/plane/bgtasks/issue_automation_task.py b/apiserver/plane/bgtasks/issue_automation_task.py index a1f4a3e92..645772c94 100644 --- a/apiserver/plane/bgtasks/issue_automation_task.py +++ b/apiserver/plane/bgtasks/issue_automation_task.py @@ -32,7 +32,7 @@ def archive_old_issues(): archive_in = project.archive_in # Get all the issues whose updated_at in less that the archive_in month - issues = Issue.objects.filter( + issues = Issue.issue_objects.filter( Q( project=project_id, archived_at__isnull=True, @@ -64,21 +64,22 @@ def archive_old_issues(): issues_to_update.append(issue) # Bulk Update the issues and log the activity - updated_issues = Issue.objects.bulk_update( - issues_to_update, ["archived_at"], batch_size=100 - ) - [ - issue_activity.delay( - type="issue.activity.updated", - requested_data=json.dumps({"archived_at": str(issue.archived_at)}), - actor_id=str(project.created_by_id), - issue_id=issue.id, - project_id=project_id, - current_instance=None, - subscriber=False, + if issues_to_update: + updated_issues = Issue.objects.bulk_update( + issues_to_update, ["archived_at"], batch_size=100 ) - for issue in updated_issues - ] + [ + issue_activity.delay( + type="issue.activity.updated", + requested_data=json.dumps({"archived_at": str(issue.archived_at)}), + actor_id=str(project.created_by_id), + issue_id=issue.id, + project_id=project_id, + current_instance=None, + subscriber=False, + ) + for issue in updated_issues + ] return except Exception as e: if settings.DEBUG: @@ -99,7 +100,7 @@ def close_old_issues(): close_in = project.close_in # Get all the issues whose updated_at in less that the close_in month - issues = Issue.objects.filter( + issues = Issue.issue_objects.filter( Q( project=project_id, archived_at__isnull=True, @@ -136,19 +137,20 @@ def close_old_issues(): issues_to_update.append(issue) # Bulk Update the issues and log the activity - updated_issues = Issue.objects.bulk_update(issues_to_update, ["state"], batch_size=100) - [ - issue_activity.delay( - type="issue.activity.updated", - requested_data=json.dumps({"closed_to": str(issue.state_id)}), - actor_id=str(project.created_by_id), - issue_id=issue.id, - project_id=project_id, - current_instance=None, - subscriber=False, - ) - for issue in updated_issues - ] + if issues_to_update: + updated_issues = Issue.objects.bulk_update(issues_to_update, ["state"], batch_size=100) + [ + issue_activity.delay( + type="issue.activity.updated", + requested_data=json.dumps({"closed_to": str(issue.state_id)}), + actor_id=str(project.created_by_id), + issue_id=issue.id, + project_id=project_id, + current_instance=None, + subscriber=False, + ) + for issue in updated_issues + ] return except Exception as e: if settings.DEBUG: diff --git a/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py b/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py index f7d6a979d..01af46d20 100644 --- a/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py +++ b/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py @@ -3,7 +3,7 @@ from django.conf import settings from django.db import migrations, models import django.db.models.deletion - +import uuid def update_user_timezones(apps, schema_editor): UserModel = apps.get_model("db", "User") @@ -31,5 +31,30 @@ class Migration(migrations.Migration): name='title', field=models.CharField(blank=True, max_length=255, null=True), ), - migrations.RunPython(update_user_timezones) + migrations.RunPython(update_user_timezones), + migrations.AlterField( + model_name='issuevote', + name='vote', + field=models.IntegerField(choices=[(-1, 'DOWNVOTE'), (1, 'UPVOTE')], default=1), + ), + migrations.CreateModel( + name='ProjectPublicMember', + fields=[ + ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='Created At')), + ('updated_at', models.DateTimeField(auto_now=True, verbose_name='Last Modified At')), + ('id', models.UUIDField(db_index=True, default=uuid.uuid4, editable=False, primary_key=True, serialize=False, unique=True)), + ('created_by', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='%(class)s_created_by', to=settings.AUTH_USER_MODEL, verbose_name='Created By')), + ('member', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='public_project_members', to=settings.AUTH_USER_MODEL)), + ('project', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='project_%(class)s', to='db.project')), + ('updated_by', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='%(class)s_updated_by', to=settings.AUTH_USER_MODEL, verbose_name='Last Modified By')), + ('workspace', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='workspace_%(class)s', to='db.workspace')), + ], + options={ + 'verbose_name': 'Project Public Member', + 'verbose_name_plural': 'Project Public Members', + 'db_table': 'project_public_members', + 'ordering': ('-created_at',), + 'unique_together': {('project', 'member')}, + }, + ), ] diff --git a/apiserver/plane/db/migrations/0042_alter_issuevote_unique_together_alter_issuevote_vote_and_more.py b/apiserver/plane/db/migrations/0042_alter_issuevote_unique_together_alter_issuevote_vote_and_more.py deleted file mode 100644 index d8063acc0..000000000 --- a/apiserver/plane/db/migrations/0042_alter_issuevote_unique_together_alter_issuevote_vote_and_more.py +++ /dev/null @@ -1,26 +0,0 @@ -# Generated by Django 4.2.3 on 2023-08-29 07:58 - -from django.db import migrations, models - - -class Migration(migrations.Migration): - - dependencies = [ - ('db', '0041_cycle_sort_order_issuecomment_access_and_more'), - ] - - operations = [ - migrations.AlterUniqueTogether( - name='issuevote', - unique_together=set(), - ), - migrations.AlterField( - model_name='issuevote', - name='vote', - field=models.IntegerField(choices=[(-1, 'DOWNVOTE'), (1, 'UPVOTE')], default=1), - ), - migrations.AlterUniqueTogether( - name='issuevote', - unique_together={('issue', 'actor', 'vote')}, - ), - ] diff --git a/apiserver/plane/db/models/issue.py b/apiserver/plane/db/models/issue.py index 143576fb1..0d079fe32 100644 --- a/apiserver/plane/db/models/issue.py +++ b/apiserver/plane/db/models/issue.py @@ -512,7 +512,7 @@ class IssueVote(ProjectBaseModel): ) class Meta: - unique_together = ["issue", "actor", "vote"] + unique_together = ["issue", "actor",] verbose_name = "Issue Vote" verbose_name_plural = "Issue Votes" db_table = "issue_votes" diff --git a/apiserver/plane/utils/analytics_plot.py b/apiserver/plane/utils/analytics_plot.py index 033452e0d..60e751459 100644 --- a/apiserver/plane/utils/analytics_plot.py +++ b/apiserver/plane/utils/analytics_plot.py @@ -96,7 +96,7 @@ def burndown_plot(queryset, slug, project_id, cycle_id=None, module_id=None): chart_data = {str(date): 0 for date in date_range} completed_issues_distribution = ( - Issue.objects.filter( + Issue.issue_objects.filter( workspace__slug=slug, project_id=project_id, issue_cycle__cycle_id=cycle_id, @@ -118,7 +118,7 @@ def burndown_plot(queryset, slug, project_id, cycle_id=None, module_id=None): chart_data = {str(date): 0 for date in date_range} completed_issues_distribution = ( - Issue.objects.filter( + Issue.issue_objects.filter( workspace__slug=slug, project_id=project_id, issue_module__module_id=module_id, diff --git a/apiserver/requirements/base.txt b/apiserver/requirements/base.txt index ca9d881ef..969ab3c89 100644 --- a/apiserver/requirements/base.txt +++ b/apiserver/requirements/base.txt @@ -1,36 +1,36 @@ # base requirements -Django==4.2.3 +Django==4.2.5 django-braces==1.15.0 django-taggit==4.0.0 -psycopg==3.1.9 +psycopg==3.1.10 django-oauth-toolkit==2.3.0 mistune==3.0.1 djangorestframework==3.14.0 redis==4.6.0 django-nested-admin==4.0.2 -django-cors-headers==4.1.0 +django-cors-headers==4.2.0 whitenoise==6.5.0 -django-allauth==0.54.0 +django-allauth==0.55.2 faker==18.11.2 django-filter==23.2 jsonmodels==2.6.0 -djangorestframework-simplejwt==5.2.2 -sentry-sdk==1.27.0 +djangorestframework-simplejwt==5.3.0 +sentry-sdk==1.30.0 django-s3-storage==0.14.0 django-crum==0.7.9 django-guardian==2.4.0 dj_rest_auth==2.2.5 -google-auth==2.21.0 -google-api-python-client==2.92.0 +google-auth==2.22.0 +google-api-python-client==2.97.0 django-redis==5.3.0 -uvicorn==0.22.0 +uvicorn==0.23.2 channels==4.0.0 -openai==0.27.8 +openai==0.28.0 slack-sdk==3.21.3 -celery==5.3.1 +celery==5.3.4 django_celery_beat==2.5.0 -psycopg-binary==3.1.9 -psycopg-c==3.1.9 +psycopg-binary==3.1.10 +psycopg-c==3.1.10 scout-apm==2.26.1 openpyxl==3.1.2 \ No newline at end of file diff --git a/apiserver/requirements/production.txt b/apiserver/requirements/production.txt index 4da619d49..5e3483a96 100644 --- a/apiserver/requirements/production.txt +++ b/apiserver/requirements/production.txt @@ -1,11 +1,11 @@ -r base.txt -dj-database-url==2.0.0 -gunicorn==20.1.0 +dj-database-url==2.1.0 +gunicorn==21.2.0 whitenoise==6.5.0 -django-storages==1.13.2 -boto3==1.27.0 -django-anymail==10.0 +django-storages==1.14 +boto3==1.28.40 +django-anymail==10.1 django-debug-toolbar==4.1.0 gevent==23.7.0 psycogreen==1.0.2 \ No newline at end of file diff --git a/apps/app/components/gantt-chart/helpers/block-structure.tsx b/apps/app/components/gantt-chart/helpers/block-structure.tsx deleted file mode 100644 index ab2475bdd..000000000 --- a/apps/app/components/gantt-chart/helpers/block-structure.tsx +++ /dev/null @@ -1,14 +0,0 @@ -// types -import { IIssue } from "types"; -import { IGanttBlock } from "components/gantt-chart"; - -export const renderIssueBlocksStructure = (blocks: IIssue[]): IGanttBlock[] => - blocks && blocks.length > 0 - ? blocks.map((block) => ({ - data: block, - id: block.id, - sort_order: block.sort_order, - start_date: new Date(block.start_date ?? ""), - target_date: new Date(block.target_date ?? ""), - })) - : []; diff --git a/apps/app/components/icons/backlog-state-icon.tsx b/apps/app/components/icons/backlog-state-icon.tsx deleted file mode 100644 index 2c140a112..000000000 --- a/apps/app/components/icons/backlog-state-icon.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import React from "react"; - -import type { Props } from "./types"; - -export const BacklogStateIcon: React.FC
- {provided && (
-
-
-
- )}
-
-
-
-
-
- {!sidebarCollapse && (
-
- {!shortContextMenu && isAdmin && (
-
-
-
- )}
- {!project.is_favorite && (
-
-
-
- )}
- {project.is_favorite && (
-
-
-
- )}
-
-
-
-
- {/* publish project settings */}
- {isAdmin && (
- projectPublish.handleProjectModal(project?.id)}
- >
-
- )}
-
- {project.archive_in > 0 && (
-
- router.push(`/${workspaceSlug}/projects/${project?.id}/archived-issues/`)
- }
- >
-
- )}
-
- router.push(`/${workspaceSlug}/projects/${project?.id}/settings`)
- }
- >
-
-
- )}
-
-
-
- {project.emoji ? (
-
- {renderEmoji(project.emoji)}
-
- ) : project.icon_prop ? (
-
- {!sidebarCollapse && (
-
- {renderEmoji(project.icon_prop)}
-
- ) : (
-
- {project?.name.charAt(0)}
-
- )}
-
- {!sidebarCollapse && (
- - {project.name} -
- )} -
-
-
-
- {project.is_deployed ? "Publish settings" : "Publish"}
-
-
-
-
-
-
-
-
-);
diff --git a/apps/space/.env.example b/apps/space/.env.example
deleted file mode 100644
index 4fb0e4df6..000000000
--- a/apps/space/.env.example
+++ /dev/null
@@ -1 +0,0 @@
-NEXT_PUBLIC_API_BASE_URL=''
\ No newline at end of file
diff --git a/apps/space/app/[workspace_slug]/[project_slug]/layout.tsx b/apps/space/app/[workspace_slug]/[project_slug]/layout.tsx
deleted file mode 100644
index 7b4ed6142..000000000
--- a/apps/space/app/[workspace_slug]/[project_slug]/layout.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-// next imports
-import Link from "next/link";
-import Image from "next/image";
-import { Metadata, ResolvingMetadata } from "next";
-// components
-import IssueNavbar from "components/issues/navbar";
-import IssueFilter from "components/issues/filters-render";
-// service
-import ProjectService from "services/project.service";
-import { redirect } from "next/navigation";
-
-type LayoutProps = {
- params: { workspace_slug: string; project_slug: string };
-};
-
-export async function generateMetadata({ params }: LayoutProps): Promise
-
-
-
-
-
- {data ? (
- data.assigned_issues_count
- ) : (
-
-
- Issues assigned to you
-
- {data ? (
- data.assigned_issues_count
- ) : (
-
-
- )}
-
-
-
- {data ? (
- data.pending_issues_count
- ) : (
-
-
- Pending issues
-
- {data ? (
- data.pending_issues_count
- ) : (
-
-
- )}
-
-
-
-
-
- {data ? (
- data.completed_issues_count
- ) : (
-
-
- Completed issues
-
- {data ? (
- data.completed_issues_count
- ) : (
-
-
- )}
-
-
-
- {data ? (
- data.issues_due_week_count
- ) : (
-
-
- Issues due by this week
-
- {data ? (
- data.issues_due_week_count
- ) : (
-
-
- )}
-
-
-
- Activity Graph
-
-
-
- Activity Graph
-
-
-
-
-
-);
-
-export default RootLayout;
diff --git a/apps/space/app/[workspace_slug]/[project_slug]/page.tsx b/apps/space/app/[workspace_slug]/[project_slug]/page.tsx
deleted file mode 100644
index 81c2b48c2..000000000
--- a/apps/space/app/[workspace_slug]/[project_slug]/page.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-// next imports
-import { useRouter, useParams, useSearchParams } from "next/navigation";
-// mobx
-import { observer } from "mobx-react-lite";
-// components
-import { IssueListView } from "components/issues/board-views/list";
-import { IssueKanbanView } from "components/issues/board-views/kanban";
-import { IssueCalendarView } from "components/issues/board-views/calendar";
-import { IssueSpreadsheetView } from "components/issues/board-views/spreadsheet";
-import { IssueGanttView } from "components/issues/board-views/gantt";
-// mobx store
-import { RootStore } from "store/root";
-import { useMobxStore } from "lib/mobx/store-provider";
-// types
-import { TIssueBoardKeys } from "store/types";
-
-const WorkspaceProjectPage = observer(() => {
- const store: RootStore = useMobxStore();
-
- const router = useRouter();
- const routerParams = useParams();
- const routerSearchparams = useSearchParams();
-
- const { workspace_slug, project_slug } = routerParams as { workspace_slug: string; project_slug: string };
- const board =
- routerSearchparams &&
- routerSearchparams.get("board") != null &&
- (routerSearchparams.get("board") as TIssueBoardKeys | "");
-
- // updating default board view when we are in the issues page
- useEffect(() => {
- if (workspace_slug && project_slug && store?.project?.workspaceProjectSettings) {
- const workspacePRojectSettingViews = store?.project?.workspaceProjectSettings?.views;
- const userAccessViews: TIssueBoardKeys[] = [];
-
- Object.keys(workspacePRojectSettingViews).filter((_key) => {
- if (_key === "list" && workspacePRojectSettingViews.list === true) userAccessViews.push(_key);
- if (_key === "kanban" && workspacePRojectSettingViews.kanban === true) userAccessViews.push(_key);
- if (_key === "calendar" && workspacePRojectSettingViews.calendar === true) userAccessViews.push(_key);
- if (_key === "spreadsheet" && workspacePRojectSettingViews.spreadsheet === true) userAccessViews.push(_key);
- if (_key === "gantt" && workspacePRojectSettingViews.gantt === true) userAccessViews.push(_key);
- });
-
- if (userAccessViews && userAccessViews.length > 0) {
- if (!board) {
- store.issue.setCurrentIssueBoardView(userAccessViews[0]);
- router.replace(`/${workspace_slug}/${project_slug}?board=${userAccessViews[0]}`);
- } else {
- if (userAccessViews.includes(board)) {
- if (store.issue.currentIssueBoardView === null) store.issue.setCurrentIssueBoardView(board);
- else {
- if (board === store.issue.currentIssueBoardView)
- router.replace(`/${workspace_slug}/${project_slug}?board=${board}`);
- else {
- store.issue.setCurrentIssueBoardView(board);
- router.replace(`/${workspace_slug}/${project_slug}?board=${board}`);
- }
- }
- } else {
- store.issue.setCurrentIssueBoardView(userAccessViews[0]);
- router.replace(`/${workspace_slug}/${project_slug}?board=${userAccessViews[0]}`);
- }
- }
- }
- }
- }, [workspace_slug, project_slug, board, router, store?.issue, store?.project?.workspaceProjectSettings]);
-
- useEffect(() => {
- if (workspace_slug && project_slug) {
- store?.project?.getProjectSettingsAsync(workspace_slug, project_slug);
- store?.issue?.getIssuesAsync(workspace_slug, project_slug);
- }
- }, [workspace_slug, project_slug, store?.project, store?.issue]);
-
- return (
-
-
- {/*
-
*/}
- {children}
-
-
-
-
-
-
-
- Powered by Plane Deploy
-
-
-
- {store?.issue?.loader && !store.issue.issues ? (
-
- );
-});
-
-export default WorkspaceProjectPage;
diff --git a/apps/space/app/layout.tsx b/apps/space/app/layout.tsx
deleted file mode 100644
index b63f748e8..000000000
--- a/apps/space/app/layout.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-// root styles
-import "styles/globals.css";
-// mobx store provider
-import { MobxStoreProvider } from "lib/mobx/store-provider";
-import MobxStoreInit from "lib/mobx/store-init";
-
-const RootLayout = ({ children }: { children: React.ReactNode }) => (
-
-
- Loading...
- ) : (
- <>
- {store?.issue?.error ? (
- Something went wrong.
- ) : (
- store?.issue?.currentIssueBoardView && (
- <>
- {store?.issue?.currentIssueBoardView === "list" && (
-
-
- )}
- {store?.issue?.currentIssueBoardView === "kanban" && (
-
-
-
-
- )}
- {store?.issue?.currentIssueBoardView === "calendar" && Plane Deploy
-);
-
-export default HomePage;
diff --git a/apps/space/components/icons/index.ts b/apps/space/components/icons/index.ts
deleted file mode 100644
index 5f23e0f3a..000000000
--- a/apps/space/components/icons/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from "./issue-group/backlog-state-icon";
-export * from "./issue-group/unstarted-state-icon";
-export * from "./issue-group/started-state-icon";
-export * from "./issue-group/completed-state-icon";
-export * from "./issue-group/cancelled-state-icon";
diff --git a/apps/space/components/issues/board-views/block-due-date.tsx b/apps/space/components/issues/board-views/block-due-date.tsx
deleted file mode 100644
index 6d3cc3cc0..000000000
--- a/apps/space/components/issues/board-views/block-due-date.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-"use client";
-
-// helpers
-import { renderDateFormat } from "constants/helpers";
-
-export const findHowManyDaysLeft = (date: string | Date) => {
- const today = new Date();
- const eventDate = new Date(date);
- const timeDiff = Math.abs(eventDate.getTime() - today.getTime());
- return Math.ceil(timeDiff / (1000 * 3600 * 24));
-};
-
-const validDate = (date: any, state: string): string => {
- if (date === null || ["backlog", "unstarted", "cancelled"].includes(state))
- return `bg-gray-500/10 text-gray-500 border-gray-500/50`;
- else {
- const today = new Date();
- const dueDate = new Date(date);
-
- if (dueDate < today) return `bg-red-500/10 text-red-500 border-red-500/50`;
- else return `bg-green-500/10 text-green-500 border-green-500/50`;
- }
-};
-
-export const IssueBlockDueDate = ({ due_date, state }: any) => (
-
- {renderDateFormat(due_date)}
-
-);
diff --git a/apps/space/components/issues/board-views/block-labels.tsx b/apps/space/components/issues/board-views/block-labels.tsx
deleted file mode 100644
index 90cc1629c..000000000
--- a/apps/space/components/issues/board-views/block-labels.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-"use client";
-
-export const IssueBlockLabels = ({ labels }: any) => (
-
- {labels &&
- labels.length > 0 &&
- labels.map((_label: any) => (
-
-);
diff --git a/apps/space/components/issues/board-views/block-state.tsx b/apps/space/components/issues/board-views/block-state.tsx
deleted file mode 100644
index 87cd65938..000000000
--- a/apps/space/components/issues/board-views/block-state.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-// constants
-import { issueGroupFilter } from "constants/data";
-
-export const IssueBlockState = ({ state }: any) => {
- const stateGroup = issueGroupFilter(state.group);
-
- if (stateGroup === null) return <>;
- return (
-
-
-
- ))}
- {_label?.name}
-
-
- );
-};
diff --git a/apps/space/components/issues/board-views/kanban/block.tsx b/apps/space/components/issues/board-views/kanban/block.tsx
deleted file mode 100644
index 22af77568..000000000
--- a/apps/space/components/issues/board-views/kanban/block.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// components
-import { IssueBlockPriority } from "components/issues/board-views/block-priority";
-import { IssueBlockState } from "components/issues/board-views/block-state";
-import { IssueBlockLabels } from "components/issues/board-views/block-labels";
-import { IssueBlockDueDate } from "components/issues/board-views/block-due-date";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-// interfaces
-import { IIssue } from "store/types/issue";
-import { RootStore } from "store/root";
-
-export const IssueListBlock = ({ issue }: { issue: IIssue }) => {
- const store: RootStore = useMobxStore();
-
- return (
- {state?.name}
-
- {/* id */}
-
- );
-};
diff --git a/apps/space/components/issues/board-views/list/block.tsx b/apps/space/components/issues/board-views/list/block.tsx
deleted file mode 100644
index b9dfcc6ab..000000000
--- a/apps/space/components/issues/board-views/list/block.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// components
-import { IssueBlockPriority } from "components/issues/board-views/block-priority";
-import { IssueBlockState } from "components/issues/board-views/block-state";
-import { IssueBlockLabels } from "components/issues/board-views/block-labels";
-import { IssueBlockDueDate } from "components/issues/board-views/block-due-date";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-// interfaces
-import { IIssue } from "store/types/issue";
-import { RootStore } from "store/root";
-
-export const IssueListBlock = ({ issue }: { issue: IIssue }) => {
- const store: RootStore = useMobxStore();
-
- return (
-
- {store?.project?.project?.identifier}-{issue?.sequence_id}
-
-
- {/* name */}
- {issue.name}
-
- {/* priority */}
-
- {issue?.priority && (
-
-
-
- )}
- {/* state */}
- {issue?.state_detail && (
-
-
- )}
- {/* labels */}
- {issue?.label_details && issue?.label_details.length > 0 && (
-
-
- )}
- {/* due date */}
- {issue?.target_date && (
-
-
- )}
-
-
- );
-};
diff --git a/apps/space/components/issues/board-views/list/index.tsx b/apps/space/components/issues/board-views/list/index.tsx
deleted file mode 100644
index 7a7ec0de1..000000000
--- a/apps/space/components/issues/board-views/list/index.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// components
-import { IssueListHeader } from "components/issues/board-views/list/header";
-import { IssueListBlock } from "components/issues/board-views/list/block";
-// interfaces
-import { IIssueState, IIssue } from "store/types/issue";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
-
-export const IssueListView = observer(() => {
- const store: RootStore = useMobxStore();
-
- return (
- <>
- {store?.issue?.states &&
- store?.issue?.states.length > 0 &&
- store?.issue?.states.map((_state: IIssueState) => (
-
- {/* id */}
-
-
- {/* priority */}
- {issue?.priority && (
-
- {store?.project?.project?.identifier}-{issue?.sequence_id}
-
- {/* name */}
- {issue.name}
-
-
- )}
-
- {/* state */}
- {issue?.state_detail && (
-
-
- )}
-
- {/* labels */}
- {issue?.label_details && issue?.label_details.length > 0 && (
-
-
- )}
-
- {/* due date */}
- {issue?.target_date && (
-
-
- )}
-
-
- ))}
-
- );
-});
diff --git a/apps/space/components/issues/filters-render/date.tsx b/apps/space/components/issues/filters-render/date.tsx
deleted file mode 100644
index e01d0ae58..000000000
--- a/apps/space/components/issues/filters-render/date.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-
-const IssueDateFilter = observer(() => {
- const store = useMobxStore();
-
- return (
- <>
-
- {store.issue.getFilteredIssuesByState(_state.id).map((_issue: IIssue) => (
-
- ) : (
- No Issues are available.
- )}
-
-
-
- );
-});
-
-export default IssueDateFilter;
diff --git a/apps/space/components/issues/filters-render/index.tsx b/apps/space/components/issues/filters-render/index.tsx
deleted file mode 100644
index 366ae1030..000000000
--- a/apps/space/components/issues/filters-render/index.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// components
-import IssueStateFilter from "./state";
-import IssueLabelFilter from "./label";
-import IssuePriorityFilter from "./priority";
-import IssueDateFilter from "./date";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
-
-const IssueFilter = observer(() => {
- const store: RootStore = useMobxStore();
-
- const clearAllFilters = () => {};
-
- return (
- Due Date
-
- {/*
-
-
*/}
-
- close
-
- Backlog
-
- close
-
-
- close
-
-
- {/* state */}
- {store?.issue?.states &&
- );
-});
-
-export default IssueFilter;
diff --git a/apps/space/components/issues/filters-render/label/filter-label-block.tsx b/apps/space/components/issues/filters-render/label/filter-label-block.tsx
deleted file mode 100644
index 0606bfc95..000000000
--- a/apps/space/components/issues/filters-render/label/filter-label-block.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-// interfaces
-import { IIssueLabel } from "store/types/issue";
-// constants
-import { issueGroupFilter } from "constants/data";
-
-export const RenderIssueLabel = observer(({ label }: { label: IIssueLabel }) => {
- const store = useMobxStore();
-
- const removeLabelFromFilter = () => {};
-
- return (
-
-
- Clear all filters
-
-
- );
-});
diff --git a/apps/space/components/issues/filters-render/label/index.tsx b/apps/space/components/issues/filters-render/label/index.tsx
deleted file mode 100644
index 7d313153a..000000000
--- a/apps/space/components/issues/filters-render/label/index.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// components
-import { RenderIssueLabel } from "./filter-label-block";
-// interfaces
-import { IIssueLabel } from "store/types/issue";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
-
-const IssueLabelFilter = observer(() => {
- const store: RootStore = useMobxStore();
-
- const clearLabelFilters = () => {};
-
- return (
- <>
-
-
-
- {label?.name}
-
- close
-
-
-
-
- );
-});
-
-export default IssueLabelFilter;
diff --git a/apps/space/components/issues/filters-render/priority/filter-priority-block.tsx b/apps/space/components/issues/filters-render/priority/filter-priority-block.tsx
deleted file mode 100644
index 98173fd66..000000000
--- a/apps/space/components/issues/filters-render/priority/filter-priority-block.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-// interfaces
-import { IIssuePriorityFilters } from "store/types/issue";
-
-export const RenderIssuePriority = observer(({ priority }: { priority: IIssuePriorityFilters }) => {
- const store = useMobxStore();
-
- const removePriorityFromFilter = () => {};
-
- return (
- Labels
-
- {store?.issue?.labels &&
- store?.issue?.labels.map((_label: IIssueLabel, _index: number) =>
-
- close
-
-
-
- );
-});
diff --git a/apps/space/components/issues/filters-render/priority/index.tsx b/apps/space/components/issues/filters-render/priority/index.tsx
deleted file mode 100644
index 2253a0be2..000000000
--- a/apps/space/components/issues/filters-render/priority/index.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-// components
-import { RenderIssuePriority } from "./filter-priority-block";
-// interfaces
-import { IIssuePriorityFilters } from "store/types/issue";
-// constants
-import { issuePriorityFilters } from "constants/data";
-
-const IssuePriorityFilter = observer(() => {
- const store = useMobxStore();
-
- return (
- <>
-
- {priority?.icon}
-
- {priority?.title}
-
- close
-
-
-
{" "}
-
- );
-});
-
-export default IssuePriorityFilter;
diff --git a/apps/space/components/issues/filters-render/state/filter-state-block.tsx b/apps/space/components/issues/filters-render/state/filter-state-block.tsx
deleted file mode 100644
index 95a4f4c70..000000000
--- a/apps/space/components/issues/filters-render/state/filter-state-block.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-// interfaces
-import { IIssueState } from "store/types/issue";
-// constants
-import { issueGroupFilter } from "constants/data";
-
-export const RenderIssueState = observer(({ state }: { state: IIssueState }) => {
- const store = useMobxStore();
-
- const stateGroup = issueGroupFilter(state.group);
-
- const removeStateFromFilter = () => {};
-
- if (stateGroup === null) return <>;
- return (
- Priority
-
- {issuePriorityFilters.map((_priority: IIssuePriorityFilters, _index: number) => (
-
-
- close
-
-
-
- );
-});
diff --git a/apps/space/components/issues/filters-render/state/index.tsx b/apps/space/components/issues/filters-render/state/index.tsx
deleted file mode 100644
index fc73af381..000000000
--- a/apps/space/components/issues/filters-render/state/index.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// components
-import { RenderIssueState } from "./filter-state-block";
-// interfaces
-import { IIssueState } from "store/types/issue";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
-
-const IssueStateFilter = observer(() => {
- const store: RootStore = useMobxStore();
-
- const clearStateFilters = () => {};
-
- return (
- <>
-
-
- {state?.name}
-
- close
-
-
-
-
- );
-});
-
-export default IssueStateFilter;
diff --git a/apps/space/components/issues/navbar/index.tsx b/apps/space/components/issues/navbar/index.tsx
deleted file mode 100644
index 71a2fabcc..000000000
--- a/apps/space/components/issues/navbar/index.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-"use client";
-
-// next imports
-import Image from "next/image";
-// components
-import { NavbarSearch } from "./search";
-import { NavbarIssueBoardView } from "./issue-board-view";
-import { NavbarIssueFilter } from "./issue-filter";
-import { NavbarIssueView } from "./issue-view";
-import { NavbarTheme } from "./theme";
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
-
-const renderEmoji = (emoji: string | { name: string; color: string }) => {
- if (!emoji) return;
-
- if (typeof emoji === "object")
- return (
-
- {emoji.name}
-
- );
- else return isNaN(parseInt(emoji)) ? emoji : String.fromCodePoint(parseInt(emoji));
-};
-
-const IssueNavbar = observer(() => {
- const store: RootStore = useMobxStore();
-
- return (
- State
-
- {store?.issue?.states &&
- store?.issue?.states.map((_state: IIssueState, _index: number) =>
-
- close
-
-
- {/* project detail */}
-
- );
-});
-
-export default IssueNavbar;
diff --git a/apps/space/components/issues/navbar/issue-board-view.tsx b/apps/space/components/issues/navbar/issue-board-view.tsx
deleted file mode 100644
index 57c8b27c1..000000000
--- a/apps/space/components/issues/navbar/issue-board-view.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-"use client";
-
-// next imports
-import { useRouter, useParams } from "next/navigation";
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// constants
-import { issueViews } from "constants/data";
-// interfaces
-import { TIssueBoardKeys } from "store/types";
-// mobx
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
-
-export const NavbarIssueBoardView = observer(() => {
- const store: RootStore = useMobxStore();
-
- const router = useRouter();
- const routerParams = useParams();
-
- const { workspace_slug, project_slug } = routerParams as { workspace_slug: string; project_slug: string };
-
- const handleCurrentBoardView = (boardView: TIssueBoardKeys) => {
- store?.issue?.setCurrentIssueBoardView(boardView);
- router.replace(`/${workspace_slug}/${project_slug}?board=${boardView}`);
- };
-
- return (
- <>
- {store?.project?.workspaceProjectSettings &&
- issueViews &&
- issueViews.length > 0 &&
- issueViews.map(
- (_view) =>
- store?.project?.workspaceProjectSettings?.views[_view?.key] && (
-
-
-
- {/* issue search bar */}
-
- {store?.project?.project && store?.project?.project?.emoji ? (
- renderEmoji(store?.project?.project?.emoji)
- ) : (
-
-
- {store?.project?.project?.name || `...`}
-
-
-
-
- {/* issue views */}
-
-
-
- {/* issue filters */}
- {/*
-
*/}
-
- {/* theming */}
- {/*
-
*/}
- handleCurrentBoardView(_view?.key)}
- title={_view?.title}
- >
-
- {_view?.icon}
-
-
- )
- )}
-
- );
-});
diff --git a/apps/space/components/issues/navbar/issue-filter.tsx b/apps/space/components/issues/navbar/issue-filter.tsx
deleted file mode 100644
index 10255882d..000000000
--- a/apps/space/components/issues/navbar/issue-filter.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
-
-export const NavbarIssueFilter = observer(() => {
- const store: RootStore = useMobxStore();
-
- return Filter
;
-});
diff --git a/apps/space/components/issues/navbar/theme.tsx b/apps/space/components/issues/navbar/theme.tsx
deleted file mode 100644
index c122f8478..000000000
--- a/apps/space/components/issues/navbar/theme.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
-
-export const NavbarTheme = observer(() => {
- const store: RootStore = useMobxStore();
-
- const handleTheme = () => {
- store?.theme?.setTheme(store?.theme?.theme === "light" ? "dark" : "light");
- };
-
- return (
-
- {store?.theme?.theme === "light" ? (
- dark_mode
- ) : (
- light_mode
- )}
-
- );
-});
diff --git a/apps/space/constants/helpers.ts b/apps/space/constants/helpers.ts
deleted file mode 100644
index fd4dba217..000000000
--- a/apps/space/constants/helpers.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export const renderDateFormat = (date: string | Date | null) => {
- if (!date) return "N/A";
-
- var d = new Date(date),
- month = "" + (d.getMonth() + 1),
- day = "" + d.getDate(),
- year = d.getFullYear();
-
- if (month.length < 2) month = "0" + month;
- if (day.length < 2) day = "0" + day;
-
- return [year, month, day].join("-");
-};
diff --git a/apps/space/lib/mobx/store-init.tsx b/apps/space/lib/mobx/store-init.tsx
deleted file mode 100644
index a31bc822f..000000000
--- a/apps/space/lib/mobx/store-init.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-// mobx store
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
-
-const MobxStoreInit = () => {
- const store: RootStore = useMobxStore();
-
- useEffect(() => {
- // theme
- const _theme = localStorage && localStorage.getItem("app_theme") ? localStorage.getItem("app_theme") : "light";
- if (_theme && store?.theme?.theme != _theme) store.theme.setTheme(_theme);
- else localStorage.setItem("app_theme", _theme && _theme != "light" ? "dark" : "light");
- }, [store?.theme]);
-
- return <>;
-};
-
-export default MobxStoreInit;
diff --git a/apps/space/next.config.js b/apps/space/next.config.js
deleted file mode 100644
index 4128b636a..000000000
--- a/apps/space/next.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/** @type {import('next').NextConfig} */
-const path = require("path");
-
-const nextConfig = {
- reactStrictMode: false,
- swcMinify: true,
- experimental: {
- outputFileTracingRoot: path.join(__dirname, "../../"),
- appDir: true,
- },
- output: "standalone",
-};
-
-module.exports = nextConfig;
diff --git a/apps/space/package.json b/apps/space/package.json
deleted file mode 100644
index e37dfa54a..000000000
--- a/apps/space/package.json
+++ /dev/null
@@ -1,37 +0,0 @@
-{
- "name": "space",
- "version": "0.0.1",
- "private": true,
- "scripts": {
- "dev": "next dev -p 4000",
- "build": "next build",
- "start": "next start -p 4000",
- "lint": "next lint"
- },
- "dependencies": {
- "@headlessui/react": "^1.7.13",
- "@types/node": "18.14.1",
- "@types/nprogress": "^0.2.0",
- "@types/react": "18.0.28",
- "@types/react-dom": "18.0.11",
- "axios": "^1.3.4",
- "eslint": "8.34.0",
- "eslint-config-next": "13.2.1",
- "js-cookie": "^3.0.1",
- "mobx": "^6.10.0",
- "mobx-react-lite": "^4.0.3",
- "next": "^13.4.16",
- "nprogress": "^0.2.0",
- "react": "^18.2.0",
- "react-dom": "^18.2.0",
- "typescript": "4.9.5",
- "uuid": "^9.0.0"
- },
- "devDependencies": {
- "@types/js-cookie": "^3.0.3",
- "@types/uuid": "^9.0.1",
- "autoprefixer": "^10.4.13",
- "postcss": "^8.4.21",
- "tailwindcss": "^3.2.7"
- }
-}
diff --git a/apps/space/pages/_app.tsx b/apps/space/pages/_app.tsx
deleted file mode 100644
index 8681006e1..000000000
--- a/apps/space/pages/_app.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-// styles
-import "styles/globals.css";
-// types
-import type { AppProps } from "next/app";
-
-function MyApp({ Component, pageProps }: AppProps) {
- return
+ We have sent the sign in code.
+
+ Please check your inbox at {watch("email")}
+
+ {isResettingPassword ? "Reset your password" : isSignUpPage ? "Sign up on Plane" : "Sign in to Plane"} +
+ {isResettingPassword ? ( +
+
+
+
+
+ );
+};
diff --git a/space/components/accounts/google-login.tsx b/space/components/accounts/google-login.tsx
new file mode 100644
index 000000000..82916d7b5
--- /dev/null
+++ b/space/components/accounts/google-login.tsx
@@ -0,0 +1,59 @@
+import { FC, CSSProperties, useEffect, useRef, useCallback, useState } from "react";
+
+import Script from "next/script";
+
+export interface IGoogleLoginButton {
+ text?: string;
+ handleSignIn: React.Dispatch
+
+
+ );
+});
diff --git a/space/components/accounts/user-logged-in.tsx b/space/components/accounts/user-logged-in.tsx
new file mode 100644
index 000000000..3f177bcc8
--- /dev/null
+++ b/space/components/accounts/user-logged-in.tsx
@@ -0,0 +1,51 @@
+import Image from "next/image";
+
+// mobx
+import { useMobxStore } from "lib/mobx/store-provider";
+// assets
+import UserLoggedInImage from "public/user-logged-in.svg";
+import PlaneLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
+
+export const UserLoggedIn = () => {
+ const { user: userStore } = useMobxStore();
+ const user = userStore.currentUser;
+
+ if (!user) return null;
+
+ return (
+
+
+
+
+
+
+
+
+
+ {parseInt(process.env.NEXT_PUBLIC_ENABLE_OAUTH || "0") ? (
+ <>
+
+ + Sign in to Plane +
+
+
+
+ ) : (
+
+
+
+
+ + By signing up, you agree to the{" "} + + Terms & Conditions + +
+ ) : null} +
+
+ );
+};
diff --git a/space/components/icons/index.ts b/space/components/icons/index.ts
new file mode 100644
index 000000000..28162f591
--- /dev/null
+++ b/space/components/icons/index.ts
@@ -0,0 +1 @@
+export * from "./state-group";
diff --git a/apps/space/components/icons/issue-group/backlog-state-icon.tsx b/space/components/icons/state-group/backlog-state-icon.tsx
similarity index 100%
rename from apps/space/components/icons/issue-group/backlog-state-icon.tsx
rename to space/components/icons/state-group/backlog-state-icon.tsx
diff --git a/apps/space/components/icons/issue-group/cancelled-state-icon.tsx b/space/components/icons/state-group/cancelled-state-icon.tsx
similarity index 100%
rename from apps/space/components/icons/issue-group/cancelled-state-icon.tsx
rename to space/components/icons/state-group/cancelled-state-icon.tsx
diff --git a/apps/space/components/icons/issue-group/completed-state-icon.tsx b/space/components/icons/state-group/completed-state-icon.tsx
similarity index 100%
rename from apps/space/components/icons/issue-group/completed-state-icon.tsx
rename to space/components/icons/state-group/completed-state-icon.tsx
diff --git a/space/components/icons/state-group/index.ts b/space/components/icons/state-group/index.ts
new file mode 100644
index 000000000..6ede38df6
--- /dev/null
+++ b/space/components/icons/state-group/index.ts
@@ -0,0 +1,6 @@
+export * from "./backlog-state-icon";
+export * from "./cancelled-state-icon";
+export * from "./completed-state-icon";
+export * from "./started-state-icon";
+export * from "./state-group-icon";
+export * from "./unstarted-state-icon";
diff --git a/apps/space/components/icons/issue-group/started-state-icon.tsx b/space/components/icons/state-group/started-state-icon.tsx
similarity index 100%
rename from apps/space/components/icons/issue-group/started-state-icon.tsx
rename to space/components/icons/state-group/started-state-icon.tsx
diff --git a/space/components/icons/state-group/state-group-icon.tsx b/space/components/icons/state-group/state-group-icon.tsx
new file mode 100644
index 000000000..1af523400
--- /dev/null
+++ b/space/components/icons/state-group/state-group-icon.tsx
@@ -0,0 +1,29 @@
+// icons
+import {
+ BacklogStateIcon,
+ CancelledStateIcon,
+ CompletedStateIcon,
+ StartedStateIcon,
+ UnstartedStateIcon,
+} from "components/icons";
+import { TIssueGroupKey } from "types/issue";
+
+type Props = {
+ stateGroup: TIssueGroupKey;
+ color: string;
+ className?: string;
+ height?: string;
+ width?: string;
+};
+
+export const StateGroupIcon: React.FC
+
+
+
+
+
+ {user.avatar && user.avatar !== "" ? (
+
+
+ {/* eslint-disable-next-line @next/next/no-img-element */}
+ 
+
+ ) : (
+
+ {(user.display_name ?? "U")[0]}
+
+ )}
+ {user.display_name}
+
+
+
+
+
+
+
+
+ Logged in Successfully!
++ You{"'"}ve successfully logged in. Please enter the appropriate project URL to view the issue board. +
+
+
+ arrow_upward_alt
+
+ {number}
+
+);
diff --git a/space/components/issues/board-views/block-due-date.tsx b/space/components/issues/board-views/block-due-date.tsx
new file mode 100644
index 000000000..f88c82d0f
--- /dev/null
+++ b/space/components/issues/board-views/block-due-date.tsx
@@ -0,0 +1,59 @@
+"use client";
+
+// helpers
+import { renderFullDate } from "helpers/date-time.helper";
+
+export const dueDateIconDetails = (
+ date: string,
+ stateGroup: string
+): {
+ iconName: string;
+ className: string;
+} => {
+ let iconName = "calendar_today";
+ let className = "";
+
+ if (!date || ["completed", "cancelled"].includes(stateGroup)) {
+ iconName = "calendar_today";
+ className = "";
+ } else {
+ const today = new Date();
+ today.setHours(0, 0, 0, 0);
+ const targetDate = new Date(date);
+ targetDate.setHours(0, 0, 0, 0);
+
+ const timeDifference = targetDate.getTime() - today.getTime();
+
+ if (timeDifference < 0) {
+ iconName = "event_busy";
+ className = "text-red-500";
+ } else if (timeDifference === 0) {
+ iconName = "today";
+ className = "text-red-500";
+ } else if (timeDifference === 24 * 60 * 60 * 1000) {
+ iconName = "event";
+ className = "text-yellow-500";
+ } else {
+ iconName = "calendar_today";
+ className = "";
+ }
+ }
+
+ return {
+ iconName,
+ className,
+ };
+};
+
+export const IssueBlockDueDate = ({ due_date, group }: { due_date: string; group: string }) => {
+ const iconDetails = dueDateIconDetails(due_date, group);
+
+ return (
+
+
+ {iconDetails.iconName}
+
+ {renderFullDate(due_date)}
+
+ );
+};
diff --git a/space/components/issues/board-views/block-labels.tsx b/space/components/issues/board-views/block-labels.tsx
new file mode 100644
index 000000000..31e218a7f
--- /dev/null
+++ b/space/components/issues/board-views/block-labels.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+export const IssueBlockLabels = ({ labels }: any) => (
+
+ {labels &&
+ labels.length > 0 &&
+ labels.map((_label: any) => (
+
+);
diff --git a/apps/space/components/issues/board-views/block-priority.tsx b/space/components/issues/board-views/block-priority.tsx
similarity index 56%
rename from apps/space/components/issues/board-views/block-priority.tsx
rename to space/components/issues/board-views/block-priority.tsx
index 61ca50765..5c9ad3c08 100644
--- a/apps/space/components/issues/board-views/block-priority.tsx
+++ b/space/components/issues/board-views/block-priority.tsx
@@ -1,7 +1,7 @@
"use client";
// types
-import { TIssuePriorityKey } from "store/types/issue";
+import { TIssuePriorityKey } from "types/issue";
// constants
import { issuePriorityFilter } from "constants/data";
@@ -9,9 +9,10 @@ export const IssueBlockPriority = ({ priority }: { priority: TIssuePriorityKey |
const priority_detail = priority != null ? issuePriorityFilter(priority) : null;
if (priority_detail === null) return <>;
+
return (
-
+
+ ))}
+
+
+
+ {_label?.name}
+
- {priority_detail?.icon}
+
+ {priority_detail?.icon}
);
};
diff --git a/space/components/issues/board-views/block-state.tsx b/space/components/issues/board-views/block-state.tsx
new file mode 100644
index 000000000..16792c81b
--- /dev/null
+++ b/space/components/issues/board-views/block-state.tsx
@@ -0,0 +1,16 @@
+// constants
+import { issueGroupFilter } from "constants/data";
+
+export const IssueBlockState = ({ state }: any) => {
+ const stateGroup = issueGroupFilter(state.group);
+
+ if (stateGroup === null) return <>;
+ return (
+
+
+ );
+};
diff --git a/space/components/issues/board-views/block-upvotes.tsx b/space/components/issues/board-views/block-upvotes.tsx
new file mode 100644
index 000000000..517afeaf0
--- /dev/null
+++ b/space/components/issues/board-views/block-upvotes.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+export const IssueBlockUpVotes = ({ number }: { number: number }) => (
+
+
+ {state?.name}
+
+ arrow_upward_alt
+ {number}
+
+);
diff --git a/apps/space/components/issues/board-views/calendar/index.tsx b/space/components/issues/board-views/calendar/index.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/calendar/index.tsx
rename to space/components/issues/board-views/calendar/index.tsx
diff --git a/apps/space/components/issues/board-views/gantt/index.tsx b/space/components/issues/board-views/gantt/index.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/gantt/index.tsx
rename to space/components/issues/board-views/gantt/index.tsx
diff --git a/space/components/issues/board-views/kanban/block.tsx b/space/components/issues/board-views/kanban/block.tsx
new file mode 100644
index 000000000..b4de76f2b
--- /dev/null
+++ b/space/components/issues/board-views/kanban/block.tsx
@@ -0,0 +1,73 @@
+"use client";
+
+// mobx react lite
+import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+
+// components
+import { IssueBlockPriority } from "components/issues/board-views/block-priority";
+import { IssueBlockState } from "components/issues/board-views/block-state";
+import { IssueBlockLabels } from "components/issues/board-views/block-labels";
+import { IssueBlockDueDate } from "components/issues/board-views/block-due-date";
+// interfaces
+import { IIssue } from "types/issue";
+import { RootStore } from "store/root";
+import { useRouter } from "next/router";
+
+export const IssueListBlock = observer(({ issue }: { issue: IIssue }) => {
+ const { project: projectStore, issueDetails: issueDetailStore }: RootStore = useMobxStore();
+
+ // router
+ const router = useRouter();
+ const { workspace_slug, project_slug, board } = router.query;
+
+ const handleBlockClick = () => {
+ issueDetailStore.setPeekId(issue.id);
+ router.push(
+ {
+ pathname: `/${workspace_slug?.toString()}/${project_slug}`,
+ query: {
+ board: board?.toString(),
+ peekId: issue.id,
+ },
+ },
+ undefined,
+ { shallow: true }
+ );
+ };
+
+ return (
+
+ {/* id */}
+
+ );
+});
diff --git a/apps/space/components/issues/board-views/list/header.tsx b/space/components/issues/board-views/kanban/header.tsx
similarity index 53%
rename from apps/space/components/issues/board-views/list/header.tsx
rename to space/components/issues/board-views/kanban/header.tsx
index e87cac6f7..5645e2b3b 100644
--- a/apps/space/components/issues/board-views/list/header.tsx
+++ b/space/components/issues/board-views/kanban/header.tsx
@@ -1,11 +1,11 @@
-"use client";
-
// mobx react lite
import { observer } from "mobx-react-lite";
// interfaces
-import { IIssueState } from "store/types/issue";
+import { IIssueState } from "types/issue";
// constants
import { issueGroupFilter } from "constants/data";
+// icons
+import { StateGroupIcon } from "components/icons";
// mobx hook
import { useMobxStore } from "lib/mobx/store-provider";
import { RootStore } from "store/root";
@@ -18,14 +18,14 @@ export const IssueListHeader = observer(({ state }: { state: IIssueState }) => {
if (stateGroup === null) return <>;
return (
-
+ {projectStore?.project?.identifier}-{issue?.sequence_id}
+
+
+ {/* name */}
+ + {issue.name} +
+ +
+ {/* priority */}
+ {issue?.priority && (
+
+
+
+ )}
+ {/* state */}
+ {issue?.state_detail && (
+
+
+ )}
+ {/* due date */}
+ {issue?.target_date && (
+
+
+ )}
+
-
-
+
);
});
diff --git a/apps/space/components/issues/board-views/kanban/index.tsx b/space/components/issues/board-views/kanban/index.tsx
similarity index 69%
rename from apps/space/components/issues/board-views/kanban/index.tsx
rename to space/components/issues/board-views/kanban/index.tsx
index d716356ff..b45b037d2 100644
--- a/apps/space/components/issues/board-views/kanban/index.tsx
+++ b/space/components/issues/board-views/kanban/index.tsx
@@ -5,8 +5,10 @@ import { observer } from "mobx-react-lite";
// components
import { IssueListHeader } from "components/issues/board-views/kanban/header";
import { IssueListBlock } from "components/issues/board-views/kanban/block";
+// ui
+import { Icon } from "components/ui";
// interfaces
-import { IIssueState, IIssue } from "store/types/issue";
+import { IIssueState, IIssue } from "types/issue";
// mobx hook
import { useMobxStore } from "lib/mobx/store-provider";
import { RootStore } from "store/root";
@@ -19,21 +21,22 @@ export const IssueKanbanView = observer(() => {
{store?.issue?.states &&
store?.issue?.states.length > 0 &&
store?.issue?.states.map((_state: IIssueState) => (
-
+
- {state?.name}
-
+
+
{state?.name}
+
{store.issue.getCountOfIssuesByState(state.id)}
-
+
({} as ContextType);
+
+// types
+type ToastAlert = {
+ id: string;
+ title: string;
+ message?: string;
+ type: "success" | "error" | "warning" | "info";
+};
+
+type ReducerActionType = {
+ type: "SET_TOAST_ALERT" | "REMOVE_TOAST_ALERT";
+ payload: ToastAlert;
+};
+
+type ContextType = {
+ alerts?: ToastAlert[];
+ removeAlert: (id: string) => void;
+ setToastAlert: (data: {
+ title: string;
+ type?: "success" | "error" | "warning" | "info" | undefined;
+ message?: string | undefined;
+ }) => void;
+};
+
+type StateType = {
+ toastAlerts?: ToastAlert[];
+};
+
+type ReducerFunctionType = (state: StateType, action: ReducerActionType) => StateType;
+
+export const initialState: StateType = {
+ toastAlerts: [],
+};
+
+export const reducer: ReducerFunctionType = (state, action) => {
+ const { type, payload } = action;
+
+ switch (type) {
+ case "SET_TOAST_ALERT":
+ return {
+ ...state,
+ toastAlerts: [...(state.toastAlerts ?? []), payload],
+ };
+
+ case "REMOVE_TOAST_ALERT":
+ return {
+ ...state,
+ toastAlerts: state.toastAlerts?.filter((toastAlert) => toastAlert.id !== payload.id),
+ };
+
+ default: {
+ return state;
+ }
+ }
+};
+
+export const ToastContextProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+ const [state, dispatch] = useReducer(reducer, initialState);
+
+ const removeAlert = useCallback((id: string) => {
+ dispatch({
+ type: "REMOVE_TOAST_ALERT",
+ payload: { id, title: "", message: "", type: "success" },
+ });
+ }, []);
+
+ const setToastAlert = useCallback(
+ (data: { title: string; type?: "success" | "error" | "warning" | "info"; message?: string }) => {
+ const id = uuid();
+ const { title, type, message } = data;
+ dispatch({
+ type: "SET_TOAST_ALERT",
+ payload: { id, title, message, type: type ?? "success" },
+ });
+
+ const timer = setTimeout(() => {
+ removeAlert(id);
+ clearTimeout(timer);
+ }, 3000);
+ },
+ [removeAlert]
+ );
+
+ return (
+
+
+ );
+};
diff --git a/space/helpers/date-time.helper.ts b/space/helpers/date-time.helper.ts
new file mode 100644
index 000000000..f19a5358b
--- /dev/null
+++ b/space/helpers/date-time.helper.ts
@@ -0,0 +1,37 @@
+export const timeAgo = (time: any) => {
+ switch (typeof time) {
+ case "number":
+ break;
+ case "string":
+ time = +new Date(time);
+ break;
+ case "object":
+ if (time.constructor === Date) time = time.getTime();
+ break;
+ default:
+ time = +new Date();
+ }
+};
+
+/**
+ * @description Returns date and month, if date is of the current year
+ * @description Returns date, month adn year, if date is of a different year than current
+ * @param {string} date
+ * @example renderFullDate("2023-01-01") // 1 Jan
+ * @example renderFullDate("2021-01-01") // 1 Jan, 2021
+ */
+
+export const renderFullDate = (date: string): string => {
+ if (!date) return "";
+
+ const months: string[] = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
+ const currentDate: Date = new Date();
+ const [year, month, day]: number[] = date.split("-").map(Number);
+
+ const formattedMonth: string = months[month - 1];
+ const formattedDay: string = day < 10 ? `0${day}` : day.toString();
+
+ if (currentDate.getFullYear() === year) return `${formattedDay} ${formattedMonth}`;
+ else return `${formattedDay} ${formattedMonth}, ${year}`;
+};
diff --git a/apps/app/helpers/emoji.helper.tsx b/space/helpers/emoji.helper.tsx
similarity index 77%
rename from apps/app/helpers/emoji.helper.tsx
rename to space/helpers/emoji.helper.tsx
index 06bf8ba15..7c9f3cfcb 100644
--- a/apps/app/helpers/emoji.helper.tsx
+++ b/space/helpers/emoji.helper.tsx
@@ -41,13 +41,16 @@ export const groupReactions: (reactions: any[], key: string) => { [key: string]:
reactions: any,
key: string
) => {
- const groupedReactions = reactions.reduce((acc: any, reaction: any) => {
- if (!acc[reaction[key]]) {
- acc[reaction[key]] = [];
- }
- acc[reaction[key]].push(reaction);
- return acc;
- }, {} as { [key: string]: any[] });
+ const groupedReactions = reactions.reduce(
+ (acc: any, reaction: any) => {
+ if (!acc[reaction[key]]) {
+ acc[reaction[key]] = [];
+ }
+ acc[reaction[key]].push(reaction);
+ return acc;
+ },
+ {} as { [key: string]: any[] }
+ );
return groupedReactions;
};
diff --git a/space/helpers/string.helper.ts b/space/helpers/string.helper.ts
new file mode 100644
index 000000000..1b676ca57
--- /dev/null
+++ b/space/helpers/string.helper.ts
@@ -0,0 +1,31 @@
+export const addSpaceIfCamelCase = (str: string) => str.replace(/([a-z])([A-Z])/g, "$1 $2");
+
+const fallbackCopyTextToClipboard = (text: string) => {
+ var textArea = document.createElement("textarea");
+ textArea.value = text;
+
+ // Avoid scrolling to bottom
+ textArea.style.top = "0";
+ textArea.style.left = "0";
+ textArea.style.position = "fixed";
+
+ document.body.appendChild(textArea);
+ textArea.focus();
+ textArea.select();
+
+ try {
+ // FIXME: Even though we are using this as a fallback, execCommand is deprecated 👎. We should find a better way to do this.
+ // https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand
+ var successful = document.execCommand("copy");
+ } catch (err) {}
+
+ document.body.removeChild(textArea);
+};
+
+export const copyTextToClipboard = async (text: string) => {
+ if (!navigator.clipboard) {
+ fallbackCopyTextToClipboard(text);
+ return;
+ }
+ await navigator.clipboard.writeText(text);
+};
diff --git a/space/hooks/use-outside-click.tsx b/space/hooks/use-outside-click.tsx
new file mode 100644
index 000000000..f2bed415f
--- /dev/null
+++ b/space/hooks/use-outside-click.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import { useEffect } from "react";
+
+const useOutSideClick = (ref: any, callback: any) => {
+ const handleClick = (e: any) => {
+ if (ref.current && !ref.current.contains(e.target)) {
+ callback();
+ }
+ };
+
+ useEffect(() => {
+ document.addEventListener("click", handleClick);
+
+ return () => {
+ document.removeEventListener("click", handleClick);
+ };
+ });
+};
+
+export default useOutSideClick;
diff --git a/apps/app/hooks/use-timer.tsx b/space/hooks/use-timer.tsx
similarity index 100%
rename from apps/app/hooks/use-timer.tsx
rename to space/hooks/use-timer.tsx
diff --git a/apps/app/hooks/use-toast.tsx b/space/hooks/use-toast.tsx
similarity index 100%
rename from apps/app/hooks/use-toast.tsx
rename to space/hooks/use-toast.tsx
diff --git a/space/layouts/project-layout.tsx b/space/layouts/project-layout.tsx
new file mode 100644
index 000000000..1a0b7899e
--- /dev/null
+++ b/space/layouts/project-layout.tsx
@@ -0,0 +1,33 @@
+import Link from "next/link";
+import Image from "next/image";
+
+// mobx
+import { observer } from "mobx-react-lite";
+import planeLogo from "public/plane-logo.svg";
+// components
+import IssueNavbar from "components/issues/navbar";
+
+const ProjectLayout = ({ children }: { children: React.ReactNode }) => (
+
+);
+
+export default observer(ProjectLayout);
diff --git a/apps/space/lib/index.ts b/space/lib/index.ts
similarity index 100%
rename from apps/space/lib/index.ts
rename to space/lib/index.ts
diff --git a/space/lib/mobx/store-init.tsx b/space/lib/mobx/store-init.tsx
new file mode 100644
index 000000000..6e38d9c6d
--- /dev/null
+++ b/space/lib/mobx/store-init.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { useEffect } from "react";
+// next imports
+import { useRouter } from "next/router";
+// mobx store
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+
+const MobxStoreInit = () => {
+ const store: RootStore = useMobxStore();
+
+ const router = useRouter();
+ const { states, labels, priorities } = router.query as { states: string[]; labels: string[]; priorities: string[] };
+
+ // useEffect(() => {
+ // store.issue.userSelectedLabels = labels || [];
+ // store.issue.userSelectedPriorities = priorities || [];
+ // store.issue.userSelectedStates = states || [];
+ // }, [store.issue]);
+
+ return <>;
+};
+
+export default MobxStoreInit;
diff --git a/apps/app/lib/mobx/store-provider.tsx b/space/lib/mobx/store-provider.tsx
similarity index 100%
rename from apps/app/lib/mobx/store-provider.tsx
rename to space/lib/mobx/store-provider.tsx
diff --git a/space/next.config.js b/space/next.config.js
new file mode 100644
index 000000000..392a4cab9
--- /dev/null
+++ b/space/next.config.js
@@ -0,0 +1,19 @@
+/** @type {import('next').NextConfig} */
+const path = require("path");
+const withImages = require("next-images");
+
+const nextConfig = {
+ reactStrictMode: false,
+ swcMinify: true,
+ experimental: {
+ outputFileTracingRoot: path.join(__dirname, "../"),
+ },
+ output: "standalone",
+};
+
+if (parseInt(process.env.NEXT_PUBLIC_DEPLOY_WITH_NGINX || "0")) {
+ const nextConfigWithNginx = withImages({ basePath: "/spaces", ...nextConfig });
+ module.exports = nextConfigWithNginx;
+} else {
+ module.exports = nextConfig;
+}
diff --git a/space/package.json b/space/package.json
new file mode 100644
index 000000000..768abb8ff
--- /dev/null
+++ b/space/package.json
@@ -0,0 +1,80 @@
+{
+ "name": "space",
+ "version": "0.0.1",
+ "private": true,
+ "scripts": {
+ "dev": "next dev -p 4000",
+ "build": "next build",
+ "start": "next start -p 4000",
+ "lint": "next lint"
+ },
+ "dependencies": {
+ "@blueprintjs/core": "^4.16.3",
+ "@blueprintjs/popover2": "^1.13.3",
+ "@emotion/react": "^11.11.1",
+ "@emotion/styled": "^11.11.0",
+ "@headlessui/react": "^1.7.13",
+ "@heroicons/react": "^2.0.12",
+ "@mui/icons-material": "^5.14.1",
+ "@mui/material": "^5.14.1",
+ "@tailwindcss/typography": "^0.5.9",
+ "@tiptap-pro/extension-unique-id": "^2.1.0",
+ "@tiptap/extension-code-block-lowlight": "^2.0.4",
+ "@tiptap/extension-color": "^2.0.4",
+ "@tiptap/extension-gapcursor": "^2.1.7",
+ "@tiptap/extension-highlight": "^2.0.4",
+ "@tiptap/extension-horizontal-rule": "^2.0.4",
+ "@tiptap/extension-image": "^2.0.4",
+ "@tiptap/extension-link": "^2.0.4",
+ "@tiptap/extension-placeholder": "^2.0.4",
+ "@tiptap/extension-table": "^2.1.6",
+ "@tiptap/extension-table-cell": "^2.1.6",
+ "@tiptap/extension-table-header": "^2.1.6",
+ "@tiptap/extension-table-row": "^2.1.6",
+ "@tiptap/extension-task-item": "^2.0.4",
+ "@tiptap/extension-task-list": "^2.0.4",
+ "@tiptap/extension-text-style": "^2.0.4",
+ "@tiptap/extension-underline": "^2.0.4",
+ "@tiptap/pm": "^2.0.4",
+ "@tiptap/react": "^2.0.4",
+ "@tiptap/starter-kit": "^2.0.4",
+ "@tiptap/suggestion": "^2.0.4",
+ "axios": "^1.3.4",
+ "clsx": "^2.0.0",
+ "js-cookie": "^3.0.1",
+ "lowlight": "^2.9.0",
+ "lucide-react": "^0.263.1",
+ "mobx": "^6.10.0",
+ "mobx-react-lite": "^4.0.3",
+ "next": "12.3.2",
+ "next-images": "^1.8.5",
+ "next-themes": "^0.2.1",
+ "nprogress": "^0.2.0",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0",
+ "react-hook-form": "^7.38.0",
+ "react-moveable": "^0.54.1",
+ "swr": "^2.2.2",
+ "tailwind-merge": "^1.14.0",
+ "tiptap-markdown": "^0.8.2",
+ "typescript": "4.9.5",
+ "use-debounce": "^9.0.4",
+ "uuid": "^9.0.0"
+ },
+ "devDependencies": {
+ "@tailwindcss/typography": "^0.5.9",
+ "@types/js-cookie": "^3.0.3",
+ "@types/node": "18.14.1",
+ "@types/nprogress": "^0.2.0",
+ "@types/react": "18.0.28",
+ "@types/react-dom": "18.0.11",
+ "@types/uuid": "^9.0.1",
+ "autoprefixer": "^10.4.13",
+ "eslint": "8.34.0",
+ "eslint-config-custom": "*",
+ "eslint-config-next": "13.2.1",
+ "postcss": "^8.4.21",
+ "tsconfig": "*",
+ "tailwindcss": "^3.2.7"
+ }
+}
diff --git a/apps/space/pages/404.tsx b/space/pages/404.tsx
similarity index 90%
rename from apps/space/pages/404.tsx
rename to space/pages/404.tsx
index d10d95fb9..be40bd501 100644
--- a/apps/space/pages/404.tsx
+++ b/space/pages/404.tsx
@@ -1,12 +1,13 @@
// next imports
import Image from "next/image";
+import notFoundImage from "public/404.svg";
const Custom404Error = () => (
= ({
return (
m.id === issueModule?.module)?.name ?? "No module"
- }`}
- >
-
-
+
+ {modules?.find((m) => m.id === issueModule?.module)?.name ?? "No module"}
+
+
+
+
}
value={issueModule ? issueModule.module_detail?.id : null}
onChange={(value: any) => {
diff --git a/apps/app/components/issues/sidebar-select/parent.tsx b/web/components/issues/sidebar-select/parent.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/parent.tsx
rename to web/components/issues/sidebar-select/parent.tsx
diff --git a/apps/app/components/issues/sidebar-select/priority.tsx b/web/components/issues/sidebar-select/priority.tsx
similarity index 76%
rename from apps/app/components/issues/sidebar-select/priority.tsx
rename to web/components/issues/sidebar-select/priority.tsx
index fd1c77f28..543f79707 100644
--- a/apps/app/components/issues/sidebar-select/priority.tsx
+++ b/web/components/issues/sidebar-select/priority.tsx
@@ -3,13 +3,15 @@ import React from "react";
// ui
import { CustomSelect } from "components/ui";
// icons
-import { getPriorityIcon } from "components/icons/priority-icon";
+import { PriorityIcon } from "components/icons/priority-icon";
+// types
+import { TIssuePriorities } from "types";
// constants
import { PRIORITIES } from "constants/project";
type Props = {
- value: string | null;
- onChange: (val: string) => void;
+ value: TIssuePriorities;
+ onChange: (val: TIssuePriorities) => void;
disabled?: boolean;
};
@@ -27,11 +29,11 @@ export const SidebarPrioritySelect: React.FC = ({ value, onChange, disabl
? "border-yellow-500/20 bg-yellow-500/20 text-yellow-500"
: value === "low"
? "border-green-500/20 bg-green-500/20 text-green-500"
- : "bg-custom-background-80 border-custom-border-200"
+ : "bg-custom-background-80 border-custom-border-200 text-custom-text-200"
}`}
>
- {getPriorityIcon(value ?? "None", "!text-sm")}
+ = ({ value, onChange, disabl
{PRIORITIES.map((option) => (
<>
- {getPriorityIcon(option, "text-sm")}
+
diff --git a/apps/app/components/issues/sidebar-select/state.tsx b/web/components/issues/sidebar-select/state.tsx
similarity index 85%
rename from apps/app/components/issues/sidebar-select/state.tsx
rename to web/components/issues/sidebar-select/state.tsx
index 5084c61bd..cf2cfe3b2 100644
--- a/apps/app/components/issues/sidebar-select/state.tsx
+++ b/web/components/issues/sidebar-select/state.tsx
@@ -9,7 +9,7 @@ import stateService from "services/state.service";
// ui
import { Spinner, CustomSelect } from "components/ui";
// icons
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
// helpers
import { getStatesList } from "helpers/state.helper";
import { addSpaceIfCamelCase } from "helpers/string.helper";
@@ -42,17 +42,12 @@ export const SidebarStateSelect: React.FC = ({ value, onChange, disabled
@@ -108,7 +104,7 @@ export const ViewPrioritySelect: React.FC = ({
{PRIORITIES?.map((priority) => (
<>
- {getPriorityIcon(priority, "text-sm")}
+
diff --git a/apps/app/components/issues/view-select/start-date.tsx b/web/components/issues/view-select/start-date.tsx
similarity index 100%
rename from apps/app/components/issues/view-select/start-date.tsx
rename to web/components/issues/view-select/start-date.tsx
diff --git a/apps/app/components/issues/view-select/state.tsx b/web/components/issues/view-select/state.tsx
similarity index 93%
rename from apps/app/components/issues/view-select/state.tsx
rename to web/components/issues/view-select/state.tsx
index 460a11272..08ca77d80 100644
--- a/apps/app/components/issues/view-select/state.tsx
+++ b/web/components/issues/view-select/state.tsx
@@ -10,7 +10,7 @@ import trackEventServices from "services/track-event.service";
// ui
import { CustomSearchSelect, Tooltip } from "components/ui";
// icons
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
// helpers
import { getStatesList } from "helpers/state.helper";
// types
@@ -59,7 +59,7 @@ export const ViewStateSelect: React.FC = ({
query: state.name,
content: (
= ({
>
= ({}) => {
const { orderBy } = useIssuesView();
const { user } = useUser();
+ const { projectDetails } = useProjectDetails();
const { ganttIssues, mutateGanttIssues } = useGanttChartModuleIssues(
workspaceSlug as string,
@@ -29,6 +31,8 @@ export const ModuleIssuesGanttChartView: FC = ({}) => {
moduleId as string
);
+ const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
return (
= ({}) => {
}
SidebarBlockRender={IssueGanttSidebarBlock}
BlockRender={IssueGanttBlock}
- enableReorder={orderBy === "sort_order"}
+ enableBlockLeftResize={isAllowed}
+ enableBlockRightResize={isAllowed}
+ enableBlockMove={isAllowed}
+ enableReorder={orderBy === "sort_order" && isAllowed}
bottomSpacing
/>
diff --git a/apps/app/components/modules/gantt-chart/modules-list-layout.tsx b/web/components/modules/gantt-chart/modules-list-layout.tsx
similarity index 83%
rename from apps/app/components/modules/gantt-chart/modules-list-layout.tsx
rename to web/components/modules/gantt-chart/modules-list-layout.tsx
index 70f493dde..b8ebd0185 100644
--- a/apps/app/components/modules/gantt-chart/modules-list-layout.tsx
+++ b/web/components/modules/gantt-chart/modules-list-layout.tsx
@@ -1,7 +1,6 @@
import { FC } from "react";
import { useRouter } from "next/router";
-import Link from "next/link";
import { KeyedMutator } from "swr";
@@ -9,6 +8,7 @@ import { KeyedMutator } from "swr";
import modulesService from "services/modules.service";
// hooks
import useUser from "hooks/use-user";
+import useProjectDetails from "hooks/use-project-details";
// components
import { GanttChartRoot, IBlockUpdateData } from "components/gantt-chart";
import { ModuleGanttBlock, ModuleGanttSidebarBlock } from "components/modules";
@@ -25,6 +25,7 @@ export const ModulesListGanttChartView: FC = ({ modules, mutateModules })
const { workspaceSlug } = router.query;
const { user } = useUser();
+ const { projectDetails } = useProjectDetails();
const handleModuleUpdate = (module: IModule, payload: IBlockUpdateData) => {
if (!workspaceSlug || !user) return;
@@ -68,7 +69,10 @@ export const ModulesListGanttChartView: FC = ({ modules, mutateModules })
const blockFormat = (blocks: IModule[]) =>
blocks && blocks.length > 0
? blocks
- .filter((b) => b.start_date && b.target_date)
+ .filter(
+ (b) =>
+ b.start_date && b.target_date && new Date(b.start_date) <= new Date(b.target_date)
+ )
.map((block) => ({
data: block,
id: block.id,
@@ -78,6 +82,8 @@ export const ModulesListGanttChartView: FC = ({ modules, mutateModules })
}))
: [];
+ const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
return (
= ({ modules, mutateModules })
blockUpdateHandler={(block, payload) => handleModuleUpdate(block, payload)}
SidebarBlockRender={ModuleGanttSidebarBlock}
BlockRender={ModuleGanttBlock}
+ enableBlockLeftResize={isAllowed}
+ enableBlockRightResize={isAllowed}
+ enableBlockMove={isAllowed}
+ enableReorder={isAllowed}
/>
);
diff --git a/apps/app/components/modules/index.ts b/web/components/modules/index.ts
similarity index 100%
rename from apps/app/components/modules/index.ts
rename to web/components/modules/index.ts
diff --git a/apps/app/components/modules/modal.tsx b/web/components/modules/modal.tsx
similarity index 100%
rename from apps/app/components/modules/modal.tsx
rename to web/components/modules/modal.tsx
diff --git a/apps/app/components/modules/select/index.ts b/web/components/modules/select/index.ts
similarity index 100%
rename from apps/app/components/modules/select/index.ts
rename to web/components/modules/select/index.ts
diff --git a/apps/app/components/modules/select/lead.tsx b/web/components/modules/select/lead.tsx
similarity index 100%
rename from apps/app/components/modules/select/lead.tsx
rename to web/components/modules/select/lead.tsx
diff --git a/apps/app/components/modules/select/members.tsx b/web/components/modules/select/members.tsx
similarity index 100%
rename from apps/app/components/modules/select/members.tsx
rename to web/components/modules/select/members.tsx
diff --git a/apps/app/components/modules/select/status.tsx b/web/components/modules/select/status.tsx
similarity index 100%
rename from apps/app/components/modules/select/status.tsx
rename to web/components/modules/select/status.tsx
diff --git a/apps/app/components/modules/sidebar-select/index.ts b/web/components/modules/sidebar-select/index.ts
similarity index 100%
rename from apps/app/components/modules/sidebar-select/index.ts
rename to web/components/modules/sidebar-select/index.ts
diff --git a/apps/app/components/modules/sidebar-select/select-lead.tsx b/web/components/modules/sidebar-select/select-lead.tsx
similarity index 100%
rename from apps/app/components/modules/sidebar-select/select-lead.tsx
rename to web/components/modules/sidebar-select/select-lead.tsx
diff --git a/apps/app/components/modules/sidebar-select/select-members.tsx b/web/components/modules/sidebar-select/select-members.tsx
similarity index 100%
rename from apps/app/components/modules/sidebar-select/select-members.tsx
rename to web/components/modules/sidebar-select/select-members.tsx
diff --git a/apps/app/components/modules/sidebar-select/select-status.tsx b/web/components/modules/sidebar-select/select-status.tsx
similarity index 100%
rename from apps/app/components/modules/sidebar-select/select-status.tsx
rename to web/components/modules/sidebar-select/select-status.tsx
diff --git a/apps/app/components/modules/sidebar.tsx b/web/components/modules/sidebar.tsx
similarity index 100%
rename from apps/app/components/modules/sidebar.tsx
rename to web/components/modules/sidebar.tsx
diff --git a/apps/app/components/modules/single-module-card.tsx b/web/components/modules/single-module-card.tsx
similarity index 100%
rename from apps/app/components/modules/single-module-card.tsx
rename to web/components/modules/single-module-card.tsx
diff --git a/apps/app/components/notifications/index.ts b/web/components/notifications/index.ts
similarity index 100%
rename from apps/app/components/notifications/index.ts
rename to web/components/notifications/index.ts
diff --git a/apps/app/components/notifications/notification-card.tsx b/web/components/notifications/notification-card.tsx
similarity index 99%
rename from apps/app/components/notifications/notification-card.tsx
rename to web/components/notifications/notification-card.tsx
index 9bb0715a8..29fe579a8 100644
--- a/apps/app/components/notifications/notification-card.tsx
+++ b/web/components/notifications/notification-card.tsx
@@ -210,7 +210,7 @@ export const NotificationCard: React.FC = (props) => {
{
+ menuButtonOnClick={(e: { stopPropagation: () => void }) => {
e.stopPropagation();
}}
customButton={
diff --git a/apps/app/components/notifications/notification-header.tsx b/web/components/notifications/notification-header.tsx
similarity index 100%
rename from apps/app/components/notifications/notification-header.tsx
rename to web/components/notifications/notification-header.tsx
diff --git a/apps/app/components/notifications/notification-popover.tsx b/web/components/notifications/notification-popover.tsx
similarity index 100%
rename from apps/app/components/notifications/notification-popover.tsx
rename to web/components/notifications/notification-popover.tsx
diff --git a/apps/app/components/notifications/select-snooze-till-modal.tsx b/web/components/notifications/select-snooze-till-modal.tsx
similarity index 100%
rename from apps/app/components/notifications/select-snooze-till-modal.tsx
rename to web/components/notifications/select-snooze-till-modal.tsx
diff --git a/apps/app/components/onboarding/index.ts b/web/components/onboarding/index.ts
similarity index 100%
rename from apps/app/components/onboarding/index.ts
rename to web/components/onboarding/index.ts
diff --git a/apps/app/components/onboarding/invite-members.tsx b/web/components/onboarding/invite-members.tsx
similarity index 100%
rename from apps/app/components/onboarding/invite-members.tsx
rename to web/components/onboarding/invite-members.tsx
diff --git a/apps/app/components/onboarding/join-workspaces.tsx b/web/components/onboarding/join-workspaces.tsx
similarity index 100%
rename from apps/app/components/onboarding/join-workspaces.tsx
rename to web/components/onboarding/join-workspaces.tsx
diff --git a/apps/app/components/onboarding/tour/index.ts b/web/components/onboarding/tour/index.ts
similarity index 100%
rename from apps/app/components/onboarding/tour/index.ts
rename to web/components/onboarding/tour/index.ts
diff --git a/apps/app/components/onboarding/tour/root.tsx b/web/components/onboarding/tour/root.tsx
similarity index 100%
rename from apps/app/components/onboarding/tour/root.tsx
rename to web/components/onboarding/tour/root.tsx
diff --git a/apps/app/components/onboarding/tour/sidebar.tsx b/web/components/onboarding/tour/sidebar.tsx
similarity index 100%
rename from apps/app/components/onboarding/tour/sidebar.tsx
rename to web/components/onboarding/tour/sidebar.tsx
diff --git a/apps/app/components/onboarding/user-details.tsx b/web/components/onboarding/user-details.tsx
similarity index 100%
rename from apps/app/components/onboarding/user-details.tsx
rename to web/components/onboarding/user-details.tsx
diff --git a/apps/app/components/onboarding/workspace.tsx b/web/components/onboarding/workspace.tsx
similarity index 100%
rename from apps/app/components/onboarding/workspace.tsx
rename to web/components/onboarding/workspace.tsx
diff --git a/apps/app/components/pages/create-block.tsx b/web/components/pages/create-block.tsx
similarity index 100%
rename from apps/app/components/pages/create-block.tsx
rename to web/components/pages/create-block.tsx
diff --git a/apps/app/components/pages/create-update-block-inline.tsx b/web/components/pages/create-update-block-inline.tsx
similarity index 100%
rename from apps/app/components/pages/create-update-block-inline.tsx
rename to web/components/pages/create-update-block-inline.tsx
diff --git a/apps/app/components/pages/create-update-page-modal.tsx b/web/components/pages/create-update-page-modal.tsx
similarity index 100%
rename from apps/app/components/pages/create-update-page-modal.tsx
rename to web/components/pages/create-update-page-modal.tsx
diff --git a/apps/app/components/pages/delete-page-modal.tsx b/web/components/pages/delete-page-modal.tsx
similarity index 100%
rename from apps/app/components/pages/delete-page-modal.tsx
rename to web/components/pages/delete-page-modal.tsx
diff --git a/apps/app/components/pages/index.ts b/web/components/pages/index.ts
similarity index 100%
rename from apps/app/components/pages/index.ts
rename to web/components/pages/index.ts
diff --git a/apps/app/components/pages/page-form.tsx b/web/components/pages/page-form.tsx
similarity index 100%
rename from apps/app/components/pages/page-form.tsx
rename to web/components/pages/page-form.tsx
diff --git a/apps/app/components/pages/pages-list/all-pages-list.tsx b/web/components/pages/pages-list/all-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/all-pages-list.tsx
rename to web/components/pages/pages-list/all-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/favorite-pages-list.tsx b/web/components/pages/pages-list/favorite-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/favorite-pages-list.tsx
rename to web/components/pages/pages-list/favorite-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/index.ts b/web/components/pages/pages-list/index.ts
similarity index 100%
rename from apps/app/components/pages/pages-list/index.ts
rename to web/components/pages/pages-list/index.ts
diff --git a/apps/app/components/pages/pages-list/my-pages-list.tsx b/web/components/pages/pages-list/my-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/my-pages-list.tsx
rename to web/components/pages/pages-list/my-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/other-pages-list.tsx b/web/components/pages/pages-list/other-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/other-pages-list.tsx
rename to web/components/pages/pages-list/other-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/recent-pages-list.tsx b/web/components/pages/pages-list/recent-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/recent-pages-list.tsx
rename to web/components/pages/pages-list/recent-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/types.ts b/web/components/pages/pages-list/types.ts
similarity index 100%
rename from apps/app/components/pages/pages-list/types.ts
rename to web/components/pages/pages-list/types.ts
diff --git a/apps/app/components/pages/pages-view.tsx b/web/components/pages/pages-view.tsx
similarity index 100%
rename from apps/app/components/pages/pages-view.tsx
rename to web/components/pages/pages-view.tsx
diff --git a/apps/app/components/pages/single-page-block.tsx b/web/components/pages/single-page-block.tsx
similarity index 100%
rename from apps/app/components/pages/single-page-block.tsx
rename to web/components/pages/single-page-block.tsx
diff --git a/apps/app/components/pages/single-page-detailed-item.tsx b/web/components/pages/single-page-detailed-item.tsx
similarity index 100%
rename from apps/app/components/pages/single-page-detailed-item.tsx
rename to web/components/pages/single-page-detailed-item.tsx
diff --git a/apps/app/components/pages/single-page-list-item.tsx b/web/components/pages/single-page-list-item.tsx
similarity index 100%
rename from apps/app/components/pages/single-page-list-item.tsx
rename to web/components/pages/single-page-list-item.tsx
diff --git a/apps/app/components/profile/index.ts b/web/components/profile/index.ts
similarity index 100%
rename from apps/app/components/profile/index.ts
rename to web/components/profile/index.ts
diff --git a/apps/app/components/profile/navbar.tsx b/web/components/profile/navbar.tsx
similarity index 100%
rename from apps/app/components/profile/navbar.tsx
rename to web/components/profile/navbar.tsx
diff --git a/apps/app/components/profile/overview/activity.tsx b/web/components/profile/overview/activity.tsx
similarity index 100%
rename from apps/app/components/profile/overview/activity.tsx
rename to web/components/profile/overview/activity.tsx
diff --git a/apps/app/components/profile/overview/index.ts b/web/components/profile/overview/index.ts
similarity index 100%
rename from apps/app/components/profile/overview/index.ts
rename to web/components/profile/overview/index.ts
diff --git a/apps/app/components/profile/overview/priority-distribution.tsx b/web/components/profile/overview/priority-distribution.tsx
similarity index 100%
rename from apps/app/components/profile/overview/priority-distribution.tsx
rename to web/components/profile/overview/priority-distribution.tsx
diff --git a/apps/app/components/profile/overview/state-distribution.tsx b/web/components/profile/overview/state-distribution.tsx
similarity index 100%
rename from apps/app/components/profile/overview/state-distribution.tsx
rename to web/components/profile/overview/state-distribution.tsx
diff --git a/apps/app/components/profile/overview/stats.tsx b/web/components/profile/overview/stats.tsx
similarity index 100%
rename from apps/app/components/profile/overview/stats.tsx
rename to web/components/profile/overview/stats.tsx
diff --git a/apps/app/components/profile/overview/workload.tsx b/web/components/profile/overview/workload.tsx
similarity index 100%
rename from apps/app/components/profile/overview/workload.tsx
rename to web/components/profile/overview/workload.tsx
diff --git a/apps/app/components/profile/profile-issues-view-options.tsx b/web/components/profile/profile-issues-view-options.tsx
similarity index 99%
rename from apps/app/components/profile/profile-issues-view-options.tsx
rename to web/components/profile/profile-issues-view-options.tsx
index 38faf500b..4d59d6ffa 100644
--- a/apps/app/components/profile/profile-issues-view-options.tsx
+++ b/web/components/profile/profile-issues-view-options.tsx
@@ -149,7 +149,7 @@ export const ProfileIssuesViewOptions: React.FC = () => {
: "text-custom-sidebar-text-200"
}`}
>
- View
+ Display
diff --git a/apps/app/components/profile/profile-issues-view.tsx b/web/components/profile/profile-issues-view.tsx
similarity index 93%
rename from apps/app/components/profile/profile-issues-view.tsx
rename to web/components/profile/profile-issues-view.tsx
index 0449546fc..f4d75974e 100644
--- a/apps/app/components/profile/profile-issues-view.tsx
+++ b/web/components/profile/profile-issues-view.tsx
@@ -18,7 +18,7 @@ import { CreateUpdateIssueModal, DeleteIssueModal } from "components/issues";
// helpers
import { orderArrayBy } from "helpers/array.helper";
// types
-import { IIssue, IIssueFilterOptions } from "types";
+import { IIssue, IIssueFilterOptions, TIssuePriorities } from "types";
// fetch-keys
import { USER_PROFILE_PROJECT_SEGREGATION, WORKSPACE_LABELS } from "constants/fetch-keys";
@@ -108,7 +108,7 @@ export const ProfileIssuesView = () => {
const sourceGroup = source.droppableId;
const destinationGroup = destination.droppableId;
- draggedItem[groupByProperty] = destinationGroup;
+ draggedItem[groupByProperty] = destinationGroup as TIssuePriorities;
mutateProfileIssues((prevData: any) => {
if (!prevData) return prevData;
@@ -223,6 +223,15 @@ export const ProfileIssuesView = () => {
Object.keys(filtersToDisplay).length > 0 &&
nullFilters.length !== Object.keys(filtersToDisplay).length;
+ const isSubscribedIssuesRoute = router.pathname.includes("subscribed");
+ const isMySubscribedIssues =
+ (filters.subscriber &&
+ filters.subscriber.length > 0 &&
+ router.pathname.includes("my-issues")) ??
+ false;
+
+ const disableAddIssueOption = isSubscribedIssuesRoute || isMySubscribedIssues;
+
return (
<>
{
isOpen={deleteIssueModal}
data={issueToDelete}
user={user}
+ onSubmit={async () => {
+ mutateProfileIssues();
+ }}
/>
{areFiltersApplied && (
<>
@@ -289,6 +301,7 @@ export const ProfileIssuesView = () => {
handleIssueAction={handleIssueAction}
openIssuesListModal={null}
removeIssue={null}
+ disableAddIssueOption={disableAddIssueOption}
trashBox={trashBox}
setTrashBox={setTrashBox}
viewProps={{
diff --git a/apps/app/components/profile/sidebar.tsx b/web/components/profile/sidebar.tsx
similarity index 96%
rename from apps/app/components/profile/sidebar.tsx
rename to web/components/profile/sidebar.tsx
index a1236b397..59cc5528b 100644
--- a/apps/app/components/profile/sidebar.tsx
+++ b/web/components/profile/sidebar.tsx
@@ -14,7 +14,7 @@ import { Icon, Loader, Tooltip } from "components/ui";
// icons
import { EditOutlined } from "@mui/icons-material";
// helpers
-import { render12HourFormatTime, renderLongDetailDateFormat } from "helpers/date-time.helper";
+import { renderLongDetailDateFormat } from "helpers/date-time.helper";
import { renderEmoji } from "helpers/emoji.helper";
// fetch-keys
import { USER_PROFILE_PROJECT_SEGREGATION } from "constants/fetch-keys";
@@ -35,6 +35,16 @@ export const ProfileSidebar = () => {
: null
);
+ // Create a date object for the current time in the specified timezone
+ const currentTime = new Date();
+ const formatter = new Intl.DateTimeFormat("en-US", {
+ timeZone: userProjectsData?.user_data.user_timezone,
+ hour12: false, // Use 24-hour format
+ hour: "2-digit",
+ minute: "2-digit",
+ });
+ const timeString = formatter.format(currentTime);
+
const userDetails = [
{
label: "Joined on",
@@ -44,7 +54,7 @@ export const ProfileSidebar = () => {
label: "Timezone",
value: (
- {render12HourFormatTime(new Date())}{" "}
+ {timeString}{" "}
{userProjectsData?.user_data.user_timezone}
),
diff --git a/web/components/project/confirm-project-leave-modal.tsx b/web/components/project/confirm-project-leave-modal.tsx
new file mode 100644
index 000000000..7d6582869
--- /dev/null
+++ b/web/components/project/confirm-project-leave-modal.tsx
@@ -0,0 +1,211 @@
+import React from "react";
+// next imports
+import { useRouter } from "next/router";
+// react-hook-form
+import { Controller, useForm } from "react-hook-form";
+// headless ui
+import { Dialog, Transition } from "@headlessui/react";
+// icons
+import { ExclamationTriangleIcon } from "@heroicons/react/24/outline";
+// ui
+import { DangerButton, Input, SecondaryButton } from "components/ui";
+// fetch-keys
+import { PROJECTS_LIST } from "constants/fetch-keys";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// mobx store
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+// hooks
+import useToast from "hooks/use-toast";
+import useUser from "hooks/use-user";
+import useProjects from "hooks/use-projects";
+// types
+import { IProject } from "types";
+
+type FormData = {
+ projectName: string;
+ confirmLeave: string;
+};
+
+const defaultValues: FormData = {
+ projectName: "",
+ confirmLeave: "",
+};
+
+export const ConfirmProjectLeaveModal: React.FC = observer(() => {
+ const router = useRouter();
+ const { workspaceSlug } = router.query;
+
+ const store: RootStore = useMobxStore();
+ const { project } = store;
+
+ const { user } = useUser();
+ const { mutateProjects } = useProjects();
+
+ const { setToastAlert } = useToast();
+
+ const {
+ control,
+ formState: { isSubmitting },
+ handleSubmit,
+ reset,
+ watch,
+ } = useForm({ defaultValues });
+
+ const handleClose = () => {
+ project.handleProjectLeaveModal(null);
+
+ reset({ ...defaultValues });
+ };
+
+ const onSubmit = async (data: any) => {
+ if (data) {
+ if (data.projectName === project?.projectLeaveDetails?.name) {
+ if (data.confirmLeave === "Leave Project") {
+ return project
+ .leaveProject(
+ project.projectLeaveDetails.workspaceSlug.toString(),
+ project.projectLeaveDetails.id.toString(),
+ user
+ )
+ .then((res) => {
+ mutateProjects();
+ handleClose();
+ router.push(`/${workspaceSlug}/projects`);
+ })
+ .catch((err) => {
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "Something went wrong please try again later.",
+ });
+ });
+ } else {
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "Please confirm leaving the project by typing the 'Leave Project'.",
+ });
+ }
+ } else {
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "Please enter the project name as shown in the description.",
+ });
+ }
+ } else {
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "Please fill all fields.",
+ });
+ }
+ };
+
+ return (
+
+
+
+ );
+});
diff --git a/apps/app/components/project/confirm-project-member-remove.tsx b/web/components/project/confirm-project-member-remove.tsx
similarity index 100%
rename from apps/app/components/project/confirm-project-member-remove.tsx
rename to web/components/project/confirm-project-member-remove.tsx
diff --git a/apps/app/components/project/create-project-modal.tsx b/web/components/project/create-project-modal.tsx
similarity index 100%
rename from apps/app/components/project/create-project-modal.tsx
rename to web/components/project/create-project-modal.tsx
diff --git a/apps/app/components/project/delete-project-modal.tsx b/web/components/project/delete-project-modal.tsx
similarity index 100%
rename from apps/app/components/project/delete-project-modal.tsx
rename to web/components/project/delete-project-modal.tsx
diff --git a/apps/app/components/project/index.ts b/web/components/project/index.ts
similarity index 74%
rename from apps/app/components/project/index.ts
rename to web/components/project/index.ts
index e5ece3955..494a04294 100644
--- a/apps/app/components/project/index.ts
+++ b/web/components/project/index.ts
@@ -1,7 +1,8 @@
export * from "./create-project-modal";
export * from "./delete-project-modal";
export * from "./sidebar-list";
-export * from "./settings-header"
+export * from "./settings-header";
export * from "./single-integration-card";
export * from "./single-project-card";
export * from "./single-sidebar-project";
+export * from "./confirm-project-leave-modal";
diff --git a/apps/app/components/project/join-project-modal.tsx b/web/components/project/join-project-modal.tsx
similarity index 100%
rename from apps/app/components/project/join-project-modal.tsx
rename to web/components/project/join-project-modal.tsx
diff --git a/apps/app/components/project/publish-project/modal.tsx b/web/components/project/publish-project/modal.tsx
similarity index 57%
rename from apps/app/components/project/publish-project/modal.tsx
rename to web/components/project/publish-project/modal.tsx
index b22a496f5..173a5242c 100644
--- a/apps/app/components/project/publish-project/modal.tsx
+++ b/web/components/project/publish-project/modal.tsx
@@ -6,7 +6,14 @@ import { Controller, useForm } from "react-hook-form";
// headless ui
import { Dialog, Transition } from "@headlessui/react";
// ui components
-import { ToggleSwitch, PrimaryButton, SecondaryButton, Icon, DangerButton } from "components/ui";
+import {
+ ToggleSwitch,
+ PrimaryButton,
+ SecondaryButton,
+ Icon,
+ DangerButton,
+ Loader,
+} from "components/ui";
import { CustomPopover } from "./popover";
// mobx react lite
import { observer } from "mobx-react-lite";
@@ -146,22 +153,14 @@ export const PublishProjectModal: React.FC = observer(() => {
const projectId = projectPublish.project_id;
return projectPublish
- .createProjectSettingsAsync(
- workspaceSlug.toString(),
- projectId?.toString() ?? "",
- payload,
- user
- )
- .then((response) => {
+ .publishProject(workspaceSlug.toString(), projectId?.toString() ?? "", payload, user)
+ .then((res) => {
mutateProjectDetails();
handleClose();
if (projectId) window.open(`${plane_deploy_url}/${workspaceSlug}/${projectId}`, "_blank");
- return response;
+ return res;
})
- .catch((error) => {
- console.error("error", error);
- return error;
- });
+ .catch((err) => err);
};
const handleUpdatePublishSettings = async (payload: IProjectPublishSettings) => {
@@ -199,7 +198,7 @@ export const PublishProjectModal: React.FC = observer(() => {
setIsUnpublishing(true);
projectPublish
- .deleteProjectSettingsAsync(
+ .unPublishProject(
workspaceSlug.toString(),
projectPublish.project_id as string,
publishId,
@@ -329,7 +328,7 @@ export const PublishProjectModal: React.FC = observer(() => {
{/* heading */}
handleUnpublishProject(watch("id") ?? "")}
className="!px-2 !py-1.5"
@@ -341,137 +340,145 @@ export const PublishProjectModal: React.FC = observer(() => {
{/* content */}
- (null);
+ const [projectToLeaveId, setProjectToLeaveId] = useState(null);
// router
const [isScrolled, setIsScrolled] = useState(false);
@@ -217,6 +218,7 @@ export const ProjectSidebarList: FC = () => {
snapshot={snapshot}
handleDeleteProject={() => handleDeleteProject(project)}
handleCopyText={() => handleCopyText(project.id)}
+ handleProjectLeave={() => setProjectToLeaveId(project.id)}
shortContextMenu
/>
@@ -285,6 +287,7 @@ export const ProjectSidebarList: FC = () => {
provided={provided}
snapshot={snapshot}
handleDeleteProject={() => handleDeleteProject(project)}
+ handleProjectLeave={() => setProjectToLeaveId(project.id)}
handleCopyText={() => handleCopyText(project.id)}
/>
diff --git a/apps/app/components/project/single-integration-card.tsx b/web/components/project/single-integration-card.tsx
similarity index 100%
rename from apps/app/components/project/single-integration-card.tsx
rename to web/components/project/single-integration-card.tsx
diff --git a/apps/app/components/project/single-project-card.tsx b/web/components/project/single-project-card.tsx
similarity index 100%
rename from apps/app/components/project/single-project-card.tsx
rename to web/components/project/single-project-card.tsx
diff --git a/web/components/project/single-sidebar-project.tsx b/web/components/project/single-sidebar-project.tsx
new file mode 100644
index 000000000..ebc8bc974
--- /dev/null
+++ b/web/components/project/single-sidebar-project.tsx
@@ -0,0 +1,373 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+
+import { mutate } from "swr";
+
+// react-beautiful-dnd
+import { DraggableProvided, DraggableStateSnapshot } from "react-beautiful-dnd";
+// headless ui
+import { Disclosure, Transition } from "@headlessui/react";
+// services
+import projectService from "services/project.service";
+// hooks
+import useToast from "hooks/use-toast";
+// ui
+import { CustomMenu, Icon, Tooltip } from "components/ui";
+// icons
+import { EllipsisVerticalIcon, LinkIcon, StarIcon, TrashIcon } from "@heroicons/react/24/outline";
+import {
+ ArchiveOutlined,
+ ArticleOutlined,
+ ContrastOutlined,
+ DatasetOutlined,
+ ExpandMoreOutlined,
+ FilterNoneOutlined,
+ PhotoFilterOutlined,
+ SettingsOutlined,
+} from "@mui/icons-material";
+// helpers
+import { renderEmoji } from "helpers/emoji.helper";
+// types
+import { IProject } from "types";
+// fetch-keys
+import { PROJECTS_LIST } from "constants/fetch-keys";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// mobx store
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+
+type Props = {
+ project: IProject;
+ sidebarCollapse: boolean;
+ provided?: DraggableProvided;
+ snapshot?: DraggableStateSnapshot;
+ handleDeleteProject: () => void;
+ handleCopyText: () => void;
+ handleProjectLeave: () => void;
+ shortContextMenu?: boolean;
+};
+
+const navigation = (workspaceSlug: string, projectId: string) => [
+ {
+ name: "Issues",
+ href: `/${workspaceSlug}/projects/${projectId}/issues`,
+ Icon: FilterNoneOutlined,
+ },
+ {
+ name: "Cycles",
+ href: `/${workspaceSlug}/projects/${projectId}/cycles`,
+ Icon: ContrastOutlined,
+ },
+ {
+ name: "Modules",
+ href: `/${workspaceSlug}/projects/${projectId}/modules`,
+ Icon: DatasetOutlined,
+ },
+ {
+ name: "Views",
+ href: `/${workspaceSlug}/projects/${projectId}/views`,
+ Icon: PhotoFilterOutlined,
+ },
+ {
+ name: "Pages",
+ href: `/${workspaceSlug}/projects/${projectId}/pages`,
+ Icon: ArticleOutlined,
+ },
+ {
+ name: "Settings",
+ href: `/${workspaceSlug}/projects/${projectId}/settings`,
+ Icon: SettingsOutlined,
+ },
+];
+
+export const SingleSidebarProject: React.FC = observer((props) => {
+ const {
+ project,
+ sidebarCollapse,
+ provided,
+ snapshot,
+ handleDeleteProject,
+ handleCopyText,
+ handleProjectLeave,
+ shortContextMenu = false,
+ } = props;
+
+ const store: RootStore = useMobxStore();
+ const { projectPublish, project: projectStore } = store;
+
+ const router = useRouter();
+ const { workspaceSlug, projectId } = router.query;
+
+ const { setToastAlert } = useToast();
+
+ const isAdmin = project.member_role === 20;
+
+ const isViewerOrGuest = project.member_role === 10 || project.member_role === 5;
+
+ const handleAddToFavorites = () => {
+ if (!workspaceSlug) return;
+
+ mutate(
+ PROJECTS_LIST(workspaceSlug as string, { is_favorite: "all" }),
+ (prevData) =>
+ (prevData ?? []).map((p) => (p.id === project.id ? { ...p, is_favorite: true } : p)),
+ false
+ );
+
+ projectService
+ .addProjectToFavorites(workspaceSlug as string, {
+ project: project.id,
+ })
+ .catch(() =>
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "Couldn't remove the project from favorites. Please try again.",
+ })
+ );
+ };
+
+ const handleRemoveFromFavorites = () => {
+ if (!workspaceSlug) return;
+
+ mutate(
+ PROJECTS_LIST(workspaceSlug as string, { is_favorite: "all" }),
+ (prevData) =>
+ (prevData ?? []).map((p) => (p.id === project.id ? { ...p, is_favorite: false } : p)),
+ false
+ );
+
+ projectService.removeProjectFromFavorites(workspaceSlug as string, project.id).catch(() =>
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "Couldn't remove the project from favorites. Please try again.",
+ })
+ );
+ };
+
+ return (
+
+ {({ open }) => (
+ <>
+
+
+ {navigation(workspaceSlug as string, project?.id).map((item) => {
+ if (
+ (item.name === "Cycles" && !project.cycle_view) ||
+ (item.name === "Modules" && !project.module_view) ||
+ (item.name === "Views" && !project.issue_views_view) ||
+ (item.name === "Pages" && !project.page_view)
+ )
+ return;
+
+ return (
+
+
+
+
+
+
+ );
+ })}
+
+
+
+ )}
+
+ );
+});
diff --git a/apps/app/components/search-listbox/index.tsx b/web/components/search-listbox/index.tsx
similarity index 100%
rename from apps/app/components/search-listbox/index.tsx
rename to web/components/search-listbox/index.tsx
diff --git a/apps/app/components/search-listbox/types.d.ts b/web/components/search-listbox/types.d.ts
similarity index 100%
rename from apps/app/components/search-listbox/types.d.ts
rename to web/components/search-listbox/types.d.ts
diff --git a/apps/app/components/states/create-state-modal.tsx b/web/components/states/create-state-modal.tsx
similarity index 100%
rename from apps/app/components/states/create-state-modal.tsx
rename to web/components/states/create-state-modal.tsx
diff --git a/apps/app/components/states/create-update-state-inline.tsx b/web/components/states/create-update-state-inline.tsx
similarity index 100%
rename from apps/app/components/states/create-update-state-inline.tsx
rename to web/components/states/create-update-state-inline.tsx
diff --git a/apps/app/components/states/delete-state-modal.tsx b/web/components/states/delete-state-modal.tsx
similarity index 100%
rename from apps/app/components/states/delete-state-modal.tsx
rename to web/components/states/delete-state-modal.tsx
diff --git a/apps/app/components/states/index.ts b/web/components/states/index.ts
similarity index 100%
rename from apps/app/components/states/index.ts
rename to web/components/states/index.ts
diff --git a/apps/app/components/states/single-state.tsx b/web/components/states/single-state.tsx
similarity index 97%
rename from apps/app/components/states/single-state.tsx
rename to web/components/states/single-state.tsx
index 813afdc79..e5c1bf8dd 100644
--- a/apps/app/components/states/single-state.tsx
+++ b/web/components/states/single-state.tsx
@@ -15,7 +15,7 @@ import {
PencilSquareIcon,
TrashIcon,
} from "@heroicons/react/24/outline";
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
// helpers
import { addSpaceIfCamelCase } from "helpers/string.helper";
import { groupBy, orderArrayBy } from "helpers/array.helper";
@@ -162,7 +162,7 @@ export const SingleState: React.FC = ({
return (
+ = observer((props) => {
+ const [isSidePeekOpen, setIsSidePeekOpen] = useState(false);
+ const [isModalPeekOpen, setIsModalPeekOpen] = useState(false);
+
+ // router
+ const router = useRouter();
+ const { workspace_slug, project_slug, peekId, board } = router.query;
+ // store
+ const { issueDetails: issueDetailStore, issue: issueStore } = useMobxStore();
+
+ const issueDetails = issueDetailStore.peekId && peekId ? issueDetailStore.details[peekId.toString()] : undefined;
+
+ useEffect(() => {
+ if (workspace_slug && project_slug && peekId && issueStore.issues && issueStore.issues.length > 0) {
+ if (!issueDetails) {
+ issueDetailStore.fetchIssueDetails(workspace_slug.toString(), project_slug.toString(), peekId.toString());
+ }
+ }
+ }, [workspace_slug, project_slug, issueDetailStore, issueDetails, peekId, issueStore.issues]);
+
+ const handleClose = () => {
+ issueDetailStore.setPeekId(null);
+ router.replace(
+ {
+ pathname: `/${workspace_slug?.toString()}/${project_slug}`,
+ query: {
+ board,
+ },
+ },
+ undefined,
+ { shallow: true }
+ );
+ };
+
+ useEffect(() => {
+ if (peekId) {
+ if (issueDetailStore.peekMode === "side") {
+ setIsSidePeekOpen(true);
+ setIsModalPeekOpen(false);
+ } else {
+ setIsModalPeekOpen(true);
+ setIsSidePeekOpen(false);
+ }
+ } else {
+ setIsSidePeekOpen(false);
+ setIsModalPeekOpen(false);
+ }
+ }, [peekId, issueDetailStore.peekMode]);
+
+ return (
+ <>
+
+
+
+
+
+
+
+ );
+});
diff --git a/space/components/issues/peek-overview/side-peek-view.tsx b/space/components/issues/peek-overview/side-peek-view.tsx
new file mode 100644
index 000000000..bacf83420
--- /dev/null
+++ b/space/components/issues/peek-overview/side-peek-view.tsx
@@ -0,0 +1,55 @@
+import { observer } from "mobx-react-lite";
+// components
+import {
+ PeekOverviewHeader,
+ PeekOverviewIssueActivity,
+ PeekOverviewIssueDetails,
+ PeekOverviewIssueProperties,
+} from "components/issues/peek-overview";
+
+import { Loader } from "components/ui/loader";
+import { IIssue } from "types/issue";
+
+type Props = {
+ handleClose: () => void;
+ issueDetails: IIssue | undefined;
+};
+
+export const SidePeekView: React.FC = observer((props) => {
+ const { handleClose, issueDetails } = props;
+
+ return (
+ = (props: any) => {
{...bubbleMenuProps}
className="flex w-fit divide-x divide-custom-border-300 rounded border border-custom-border-300 bg-custom-background-100 shadow-xl"
>
- {!props.editor.isActive("table") && {
- setIsNodeSelectorOpen(!isNodeSelectorOpen);
- setIsLinkSelectorOpen(false);
- }}
- />}
+ {!props.editor.isActive("table") && (
+ {
+ setIsNodeSelectorOpen(!isNodeSelectorOpen);
+ setIsLinkSelectorOpen(false);
+ }}
+ />
+ )}
>
+ setIsOpen: Dispatch>;
}
-
export const LinkSelector: FC = ({ editor, isOpen, setIsOpen }) => {
const inputRef = useRef(null);
@@ -76,7 +75,9 @@ export const LinkSelector: FC = ({ editor, isOpen, setIsOpen
+ }
+ position={position}
+ renderTarget={({ isOpen: isTooltipOpen, ref: eleReference, ...tooltipProps }) =>
+ React.cloneElement(children, { ref: eleReference, ...tooltipProps, ...children.props })
+ }
+ />
+ );
+};
diff --git a/space/components/views/home.tsx b/space/components/views/home.tsx
new file mode 100644
index 000000000..999fce073
--- /dev/null
+++ b/space/components/views/home.tsx
@@ -0,0 +1,13 @@
+// mobx
+import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import { SignInView, UserLoggedIn } from "components/accounts";
+
+export const HomeView = observer(() => {
+ const { user: userStore } = useMobxStore();
+
+ if (!userStore.currentUser) return
{store.issue.getFilteredIssuesByState(_state.id) &&
store.issue.getFilteredIssuesByState(_state.id).length > 0 ? (
-
+ );
+});
diff --git a/space/components/issues/peek-overview/layout.tsx b/space/components/issues/peek-overview/layout.tsx
new file mode 100644
index 000000000..a3d7386eb
--- /dev/null
+++ b/space/components/issues/peek-overview/layout.tsx
@@ -0,0 +1,125 @@
+import React, { useEffect, useState } from "react";
+
+import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
+// headless ui
+import { Dialog, Transition } from "@headlessui/react";
+// components
+import { FullScreenPeekView, SidePeekView } from "components/issues/peek-overview";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+
+type Props = {};
+
+export const IssuePeekOverview: React.FC
+ = ({ issueDetails, mode }) => {
+ const { setToastAlert } = useToast();
+
+ const state = issueDetails.state_detail;
+ const stateGroup = issueGroupFilter(state.group);
+
+ const priority = issueDetails.priority ? issuePriorityFilter(issueDetails.priority) : null;
+
+ const dueDateIcon = dueDateIconDetails(issueDetails.target_date, state.group);
+
+ const handleCopyLink = () => {
+ const urlToCopy = window.location.href;
+
+ copyTextToClipboard(urlToCopy).then(() => {
+ setToastAlert({
+ type: "success",
+ title: "Link copied!",
+ message: "Issue link copied to clipboard",
+ });
+ });
+ };
+
+ return (
+
+ {allDownVotes.length > 0 ? (
+ <>
+ {allDownVotes
+ .map((r) => r.actor_detail.display_name)
+ .splice(0, VOTES_LIMIT)
+ .join(", ")}
+ {allDownVotes.length > VOTES_LIMIT && " and " + (allDownVotes.length - VOTES_LIMIT) + " more"}
+
+ ) : (
+ "No downvotes yet"
+ )}
+
+ }
+ >
+
+
+
{store.issue.getFilteredIssuesByState(_state.id).map((_issue: IIssue) => (
-
) : (
-
- No Issues are available.
+
diff --git a/space/components/issues/board-views/list/block.tsx b/space/components/issues/board-views/list/block.tsx
new file mode 100644
index 000000000..bdf39b84f
--- /dev/null
+++ b/space/components/issues/board-views/list/block.tsx
@@ -0,0 +1,84 @@
+import { FC } from "react";
+import { useRouter } from "next/router";
+import { observer } from "mobx-react-lite";
+// components
+import { IssueBlockPriority } from "components/issues/board-views/block-priority";
+import { IssueBlockState } from "components/issues/board-views/block-state";
+import { IssueBlockLabels } from "components/issues/board-views/block-labels";
+import { IssueBlockDueDate } from "components/issues/board-views/block-due-date";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+// interfaces
+import { IIssue } from "types/issue";
+// store
+import { RootStore } from "store/root";
+
+export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
+ const { issue } = props;
+ // store
+ const { project: projectStore, issueDetails: issueDetailStore }: RootStore = useMobxStore();
+ // router
+ const router = useRouter();
+ const { workspace_slug, project_slug, board } = router.query;
+
+ const handleBlockClick = () => {
+ issueDetailStore.setPeekId(issue.id);
+ router.push(
+ {
+ pathname: `/${workspace_slug?.toString()}/${project_slug}`,
+ query: {
+ board: board?.toString(),
+ peekId: issue.id,
+ },
+ },
+ undefined,
+ { shallow: true }
+ );
+ // router.push(`/${workspace_slug?.toString()}/${project_slug}?board=${board?.toString()}&peekId=${issue.id}`);
+ };
+
+ return (
+
+
)}
+
+ );
+});
diff --git a/apps/space/components/issues/board-views/kanban/header.tsx b/space/components/issues/board-views/list/header.tsx
similarity index 50%
rename from apps/space/components/issues/board-views/kanban/header.tsx
rename to space/components/issues/board-views/list/header.tsx
index 43c19f5f5..83312e7b9 100644
--- a/apps/space/components/issues/board-views/kanban/header.tsx
+++ b/space/components/issues/board-views/list/header.tsx
@@ -1,9 +1,9 @@
-"use client";
-
// mobx react lite
import { observer } from "mobx-react-lite";
// interfaces
-import { IIssueState } from "store/types/issue";
+import { IIssueState } from "types/issue";
+// icons
+import { StateGroupIcon } from "components/icons";
// constants
import { issueGroupFilter } from "constants/data";
// mobx hook
@@ -18,14 +18,12 @@ export const IssueListHeader = observer(({ state }: { state: IIssueState }) => {
if (stateGroup === null) return <>;
return (
-
+ {/* id */}
+
+
+
+ {projectStore?.project?.identifier}-{issue?.sequence_id}
+
+ {/* name */}
+
+ {issue.name}
+
+
+ {/* priority */}
+ {issue?.priority && (
+
+
+
+ )}
+
+ {/* state */}
+ {issue?.state_detail && (
+
+
+ )}
+
+ {/* labels */}
+ {issue?.label_details && issue?.label_details.length > 0 && (
+
+
+ )}
+
+ {/* due date */}
+ {issue?.target_date && (
+
+
+ )}
+
- = observer((props) => {
+ const { handleClose, issueDetails } = props;
+
+ return (
+ = observer((props) => {
+ const { handleClose, issueDetails } = props;
+
+ const { issueDetails: issueDetailStore }: RootStore = useMobxStore();
+
+ const { setToastAlert } = useToast();
+
+ const handleCopyLink = () => {
+ const urlToCopy = window.location.href;
+
+ copyTextToClipboard(urlToCopy).then(() => {
+ setToastAlert({
+ type: "success",
+ title: "Link copied!",
+ message: "Issue link copied to clipboard",
+ });
+ });
+ };
+
+ return (
+ <>
+ = observer((props) => {
+ const router = useRouter();
+ const { workspace_slug } = router.query;
+
+ const { issueDetails: issueDetailStore, project: projectStore, user: userStore } = useMobxStore();
+
+ const comments = issueDetailStore.details[issueDetailStore.peekId || ""]?.comments || [];
+
+ const user = userStore?.currentUser;
+
+ return (
+ = ({ issueDetails }) => {
+ const router = useRouter();
+ const { workspace_slug } = router.query;
+
+ return (
+ {
+ userStore.requiredLogin(() => {
+ handleReactionClick(value);
+ });
+ }}
+ selected={userReactions?.map((r) => r.reaction)}
+ size="md"
+ />
+
+
+ );
+});
diff --git a/space/components/issues/peek-overview/issue-properties.tsx b/space/components/issues/peek-overview/issue-properties.tsx
new file mode 100644
index 000000000..f7ccab18f
--- /dev/null
+++ b/space/components/issues/peek-overview/issue-properties.tsx
@@ -0,0 +1,123 @@
+// hooks
+import useToast from "hooks/use-toast";
+// icons
+import { Icon } from "components/ui";
+// helpers
+import { copyTextToClipboard, addSpaceIfCamelCase } from "helpers/string.helper";
+import { renderFullDate } from "helpers/date-time.helper";
+import { dueDateIconDetails } from "../board-views/block-due-date";
+// types
+import { IIssue } from "types/issue";
+import { IPeekMode } from "store/issue_details";
+// constants
+import { issueGroupFilter, issuePriorityFilter } from "constants/data";
+
+type Props = {
+ issueDetails: IIssue;
+ mode?: IPeekMode;
+};
+
+export const PeekOverviewIssueProperties: React.FC
-
- {state?.name}
-
- {store.issue.getCountOfIssuesByState(state.id)}
+
+ Filters
+
+
+ }
+ items={[
+ {
+ display: "Priority",
+ children: PRIORITIES.map((priority) => ({
+ display: (
+
+
+ {priority === "urgent"
+ ? "error"
+ : priority === "high"
+ ? "signal_cellular_alt"
+ : priority === "medium"
+ ? "signal_cellular_alt_2_bar"
+ : "signal_cellular_alt_1_bar"}
+
+ {priority}
+
+ ),
+ onClick: () => handleOnSelect("priorities", priority),
+ isSelected: store.issue.filteredPriorities.includes(priority),
+ })),
+ },
+ {
+ display: "State",
+ children: (store.issue.states || []).map((state) => {
+ const stateGroup = issueGroupFilter(state.group);
+
+ return {
+ display: (
+
+ {stateGroup && = {
+ comment_html: "",
+};
+
+type Props = {
+ disabled?: boolean;
+};
+
+export const AddComment: React.FC = observer((props) => {
+ const { disabled = false } = props;
+
+ const {
+ handleSubmit,
+ control,
+ setValue,
+ watch,
+ formState: { isSubmitting },
+ reset,
+ } = useForm({ defaultValues });
+
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+ const { user: userStore, issueDetails: issueDetailStore } = useMobxStore();
+
+ const issueId = issueDetailStore.peekId;
+
+ const editorRef = useRef(null);
+
+ const { setToastAlert } = useToast();
+
+ const onSubmit = async (formData: Comment) => {
+ if (!workspace_slug || !project_slug || !issueId || isSubmitting || !formData.comment_html) return;
+
+ await issueDetailStore
+ .addIssueComment(workspace_slug, project_slug, issueId, formData)
+ .then(() => {
+ reset(defaultValues);
+ editorRef.current?.clearEditor();
+ })
+ .catch(() => {
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "Comment could not be posted. Please try again.",
+ });
+ });
+ };
+
+ return (
+ = observer((props) => {
+ const { comment, workspaceSlug } = props;
+ // store
+ const { user: userStore, issueDetails: issueDetailStore } = useMobxStore();
+ // states
+ const [isEditing, setIsEditing] = useState(false);
+
+ const editorRef = React.useRef(null);
+
+ const showEditorRef = React.useRef(null);
+ const {
+ control,
+ formState: { isSubmitting },
+ handleSubmit,
+ } = useForm({
+ defaultValues: { comment_html: comment.comment_html },
+ });
+
+ const handleDelete = () => {
+ if (!workspaceSlug || !issueDetailStore.peekId) return;
+ issueDetailStore.deleteIssueComment(workspaceSlug, comment.project, issueDetailStore.peekId, comment.id);
+ };
+
+ const handleCommentUpdate = async (formData: Comment) => {
+ if (!workspaceSlug || !issueDetailStore.peekId) return;
+ issueDetailStore.updateIssueComment(workspaceSlug, comment.project, issueDetailStore.peekId, comment.id, formData);
+ setIsEditing(false);
+
+ editorRef.current?.setEditorValue(formData.comment_html);
+ showEditorRef.current?.setEditorValue(formData.comment_html);
+ };
+
+ return (
+ = observer((props) => {
+ const { commentId, projectId } = props;
+
+ const router = useRouter();
+ const { workspace_slug } = router.query;
+
+ const { issueDetails: issueDetailsStore, user: userStore } = useMobxStore();
+
+ const peekId = issueDetailsStore.peekId;
+ const user = userStore.currentUser;
+
+ const commentReactions = peekId
+ ? issueDetailsStore.details[peekId].comments.find((c) => c.id === commentId)?.comment_reactions
+ : [];
+ const groupedReactions = peekId ? groupReactions(commentReactions ?? [], "reaction") : {};
+
+ const userReactions = commentReactions?.filter((r) => r.actor_detail.id === user?.id);
+
+ const handleAddReaction = (reactionHex: string) => {
+ if (!workspace_slug || !projectId || !peekId) return;
+
+ issueDetailsStore.addCommentReaction(
+ workspace_slug.toString(),
+ projectId.toString(),
+ peekId,
+ commentId,
+ reactionHex
+ );
+ };
+
+ const handleRemoveReaction = (reactionHex: string) => {
+ if (!workspace_slug || !projectId || !peekId) return;
+
+ issueDetailsStore.removeCommentReaction(
+ workspace_slug.toString(),
+ projectId.toString(),
+ peekId,
+ commentId,
+ reactionHex
+ );
+ };
+
+ const handleReactionClick = (reactionHex: string) => {
+ const userReaction = userReactions?.find((r) => r.actor_detail.id === user?.id && r.reaction === reactionHex);
+
+ if (userReaction) handleRemoveReaction(reactionHex);
+ else handleAddReaction(reactionHex);
+ };
+
+ return (
+
+ );
+});
diff --git a/space/components/issues/peek-overview/comment/index.ts b/space/components/issues/peek-overview/comment/index.ts
new file mode 100644
index 000000000..d217c0ddf
--- /dev/null
+++ b/space/components/issues/peek-overview/comment/index.ts
@@ -0,0 +1,3 @@
+export * from "./add-comment";
+export * from "./comment-detail-card";
+export * from "./comment-reactions";
diff --git a/space/components/issues/peek-overview/full-screen-peek-view.tsx b/space/components/issues/peek-overview/full-screen-peek-view.tsx
new file mode 100644
index 000000000..a40e6b16a
--- /dev/null
+++ b/space/components/issues/peek-overview/full-screen-peek-view.tsx
@@ -0,0 +1,71 @@
+import { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import {
+ PeekOverviewHeader,
+ PeekOverviewIssueActivity,
+ PeekOverviewIssueDetails,
+ PeekOverviewIssueProperties,
+} from "components/issues/peek-overview";
+// types
+import { Loader } from "components/ui/loader";
+import { IIssue } from "types/issue";
+
+type Props = {
+ handleClose: () => void;
+ issueDetails: IIssue | undefined;
+};
+
+export const FullScreenPeekView: React.FC
+
);
});
diff --git a/space/components/issues/board-views/list/index.tsx b/space/components/issues/board-views/list/index.tsx
new file mode 100644
index 000000000..1c6900dd9
--- /dev/null
+++ b/space/components/issues/board-views/list/index.tsx
@@ -0,0 +1,38 @@
+import { observer } from "mobx-react-lite";
+// components
+import { IssueListHeader } from "components/issues/board-views/list/header";
+import { IssueListBlock } from "components/issues/board-views/list/block";
+// interfaces
+import { IIssueState, IIssue } from "types/issue";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+// store
+import { RootStore } from "store/root";
+
+export const IssueListView = observer(() => {
+ const { issue: issueStore }: RootStore = useMobxStore();
+
+ return (
+ <>
+ {issueStore?.states &&
+ issueStore?.states.length > 0 &&
+ issueStore?.states.map((_state: IIssueState) => (
+
+
+ {state?.name}
+ {store.issue.getCountOfIssuesByState(state.id)}
+
+ ))}
+
+ );
+});
diff --git a/apps/space/components/issues/board-views/spreadsheet/index.tsx b/space/components/issues/board-views/spreadsheet/index.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/spreadsheet/index.tsx
rename to space/components/issues/board-views/spreadsheet/index.tsx
diff --git a/space/components/issues/filters-render/index.tsx b/space/components/issues/filters-render/index.tsx
new file mode 100644
index 000000000..d797d1506
--- /dev/null
+++ b/space/components/issues/filters-render/index.tsx
@@ -0,0 +1,53 @@
+import { useRouter } from "next/router";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// components
+import IssueStateFilter from "./state";
+import IssueLabelFilter from "./label";
+import IssuePriorityFilter from "./priority";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+
+const IssueFilter = observer(() => {
+ const store: RootStore = useMobxStore();
+
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+ const clearAllFilters = () => {
+ // router.replace(
+ // store.issue.getURLDefinition(workspace_slug, project_slug, {
+ // key: "all",
+ // removeAll: true,
+ // })
+ // );
+ };
+
+ // if (store.issue.getIfFiltersIsEmpty()) return null;
+
+ return (
+
+ {issueStore.getFilteredIssuesByState(_state.id).map((_issue: IIssue) => (
+
+ ) : (
+
+ No Issues are available.
+
+ )}
+
+
+ );
+});
+
+export default IssueFilter;
diff --git a/space/components/issues/filters-render/label/filter-label-block.tsx b/space/components/issues/filters-render/label/filter-label-block.tsx
new file mode 100644
index 000000000..a54fb65e4
--- /dev/null
+++ b/space/components/issues/filters-render/label/filter-label-block.tsx
@@ -0,0 +1,43 @@
+import { useRouter } from "next/router";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+// interfaces
+import { IIssueLabel } from "types/issue";
+
+export const RenderIssueLabel = observer(({ label }: { label: IIssueLabel }) => {
+ const store = useMobxStore();
+
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+ const removeLabelFromFilter = () => {
+ // router.replace(
+ // store.issue.getURLDefinition(workspace_slug, project_slug, {
+ // key: "label",
+ // value: label?.id,
+ // })
+ // );
+ };
+
+ return (
+
+ {/* state */}
+ {/* {store.issue.checkIfFilterExistsForKey("state") &&
+
+
+ Clear all filters
+
+ close
+
+
+
+
+
+ );
+});
diff --git a/space/components/issues/filters-render/label/index.tsx b/space/components/issues/filters-render/label/index.tsx
new file mode 100644
index 000000000..1d9a4f990
--- /dev/null
+++ b/space/components/issues/filters-render/label/index.tsx
@@ -0,0 +1,51 @@
+import { useRouter } from "next/router";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// components
+import { RenderIssueLabel } from "./filter-label-block";
+// interfaces
+import { IIssueLabel } from "types/issue";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+
+const IssueLabelFilter = observer(() => {
+ const store: RootStore = useMobxStore();
+
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+ const clearLabelFilters = () => {
+ // router.replace(
+ // store.issue.getURLDefinition(workspace_slug, project_slug, {
+ // key: "label",
+ // removeAll: true,
+ // })
+ // );
+ };
+
+ return (
+ <>
+ {label?.name}
+
+ close
+
+
+
+
+ );
+});
+
+export default IssueLabelFilter;
diff --git a/space/components/issues/filters-render/priority/filter-priority-block.tsx b/space/components/issues/filters-render/priority/filter-priority-block.tsx
new file mode 100644
index 000000000..5fd1ef1a7
--- /dev/null
+++ b/space/components/issues/filters-render/priority/filter-priority-block.tsx
@@ -0,0 +1,42 @@
+import { useRouter } from "next/router";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+// interfaces
+import { IIssuePriorityFilters } from "types/issue";
+
+export const RenderIssuePriority = observer(({ priority }: { priority: IIssuePriorityFilters }) => {
+ const store = useMobxStore();
+
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+ const removePriorityFromFilter = () => {
+ // router.replace(
+ // store.issue.getURLDefinition(workspace_slug, project_slug, {
+ // key: "priority",
+ // value: priority?.key,
+ // })
+ // );
+ };
+
+ return (
+ Labels
+
+ {/* {store?.issue?.labels &&
+ store?.issue?.labels.map(
+ (_label: IIssueLabel, _index: number) =>
+ store.issue.getUserSelectedFilter("label", _label.id) && (
+
+
+ close
+
+
+
+ );
+});
diff --git a/space/components/issues/filters-render/priority/index.tsx b/space/components/issues/filters-render/priority/index.tsx
new file mode 100644
index 000000000..100ba1761
--- /dev/null
+++ b/space/components/issues/filters-render/priority/index.tsx
@@ -0,0 +1,53 @@
+import { useRouter } from "next/router";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import { RenderIssuePriority } from "./filter-priority-block";
+// interfaces
+import { IIssuePriorityFilters } from "types/issue";
+// constants
+import { issuePriorityFilters } from "constants/data";
+
+const IssuePriorityFilter = observer(() => {
+ const store = useMobxStore();
+
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+ const clearPriorityFilters = () => {
+ // router.replace(
+ // store.issue.getURLDefinition(workspace_slug, project_slug, {
+ // key: "priority",
+ // removeAll: true,
+ // })
+ // );
+ };
+
+ return (
+ <>
+
+ {priority?.icon}
+
+ {priority?.title}
+
+ close
+
+
+
+
+ );
+});
+
+export default IssuePriorityFilter;
diff --git a/space/components/issues/filters-render/state/filter-state-block.tsx b/space/components/issues/filters-render/state/filter-state-block.tsx
new file mode 100644
index 000000000..8445386a4
--- /dev/null
+++ b/space/components/issues/filters-render/state/filter-state-block.tsx
@@ -0,0 +1,43 @@
+import { useRouter } from "next/router";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+// interfaces
+import { IIssueState } from "types/issue";
+// constants
+import { issueGroupFilter } from "constants/data";
+
+export const RenderIssueState = observer(({ state }: { state: IIssueState }) => {
+ const store = useMobxStore();
+
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+ const stateGroup = issueGroupFilter(state.group);
+
+ const removeStateFromFilter = () => {
+ // router.replace(
+ // store.issue.getURLDefinition(workspace_slug, project_slug, {
+ // key: "state",
+ // value: state?.id,
+ // })
+ // );
+ };
+
+ if (stateGroup === null) return <>;
+ return (
+ Priority
+
+ {/* {issuePriorityFilters.map(
+ (_priority: IIssuePriorityFilters, _index: number) =>
+ store.issue.getUserSelectedFilter("priority", _priority.key) && (
+
+ {
+ clearPriorityFilters();
+ }}
+ >
+ close
+
+
+
+ );
+});
diff --git a/space/components/issues/filters-render/state/index.tsx b/space/components/issues/filters-render/state/index.tsx
new file mode 100644
index 000000000..0198c5215
--- /dev/null
+++ b/space/components/issues/filters-render/state/index.tsx
@@ -0,0 +1,51 @@
+import { useRouter } from "next/router";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// components
+import { RenderIssueState } from "./filter-state-block";
+// interfaces
+import { IIssueState } from "types/issue";
+// mobx hook
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+
+const IssueStateFilter = observer(() => {
+ const store: RootStore = useMobxStore();
+
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+ const clearStateFilters = () => {
+ // router.replace(
+ // store.issue.getURLDefinition(workspace_slug, project_slug, {
+ // key: "state",
+ // removeAll: true,
+ // })
+ // );
+ };
+
+ return (
+ <>
+
+
+ {state?.name}
+
+ close
+
+
+
+
+ );
+});
+
+export default IssueStateFilter;
diff --git a/space/components/issues/navbar/index.tsx b/space/components/issues/navbar/index.tsx
new file mode 100644
index 000000000..509d676b7
--- /dev/null
+++ b/space/components/issues/navbar/index.tsx
@@ -0,0 +1,121 @@
+import { useEffect } from "react";
+
+import Link from "next/link";
+import Image from "next/image";
+import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
+// components
+import { NavbarSearch } from "./search";
+import { NavbarIssueBoardView } from "./issue-board-view";
+import { NavbarTheme } from "./theme";
+// ui
+import { PrimaryButton } from "components/ui";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// store
+import { RootStore } from "store/root";
+
+const renderEmoji = (emoji: string | { name: string; color: string }) => {
+ if (!emoji) return;
+
+ if (typeof emoji === "object")
+ return (
+
+ {emoji.name}
+
+ );
+ else return isNaN(parseInt(emoji)) ? emoji : String.fromCodePoint(parseInt(emoji));
+};
+
+const IssueNavbar = observer(() => {
+ const { project: projectStore, user: userStore }: RootStore = useMobxStore();
+ // router
+ const router = useRouter();
+ const { workspace_slug, project_slug, board } = router.query;
+
+ const user = userStore?.currentUser;
+
+ useEffect(() => {
+ if (workspace_slug && project_slug) {
+ projectStore.fetchProjectSettings(workspace_slug.toString(), project_slug.toString());
+ }
+ }, [projectStore, workspace_slug, project_slug]);
+
+ useEffect(() => {
+ if (workspace_slug && project_slug) {
+ if (!board) {
+ router.push({
+ pathname: `/${workspace_slug}/${project_slug}`,
+ query: {
+ board: "list",
+ },
+ });
+ return projectStore.setActiveBoard("list");
+ }
+ projectStore.setActiveBoard(board.toString());
+ }
+ }, [board, workspace_slug, project_slug]);
+
+ return (
+ State
+
+ {/* {store?.issue?.states &&
+ store?.issue?.states.map(
+ (_state: IIssueState, _index: number) =>
+ store.issue.getUserSelectedFilter("state", _state.id) && (
+
+
+ close
+
+
+ {/* project detail */}
+
+ );
+});
+
+export default IssueNavbar;
diff --git a/space/components/issues/navbar/issue-board-view.tsx b/space/components/issues/navbar/issue-board-view.tsx
new file mode 100644
index 000000000..0ae71e8ee
--- /dev/null
+++ b/space/components/issues/navbar/issue-board-view.tsx
@@ -0,0 +1,49 @@
+import { useRouter } from "next/router";
+import { observer } from "mobx-react-lite";
+// constants
+import { issueViews } from "constants/data";
+// mobx
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+
+export const NavbarIssueBoardView = observer(() => {
+ const { project: projectStore, issue: issueStore }: RootStore = useMobxStore();
+
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+ const handleCurrentBoardView = (boardView: string) => {
+ projectStore.setActiveBoard(boardView);
+ router.push(`/${workspace_slug}/${project_slug}?board=${boardView}`);
+ };
+
+ return (
+ <>
+ {projectStore?.viewOptions &&
+ Object.keys(projectStore?.viewOptions).map((viewKey: string) => {
+ if (projectStore?.viewOptions[viewKey]) {
+ return (
+
+
+
+ {/* issue search bar */}
+
+ {projectStore?.project && projectStore?.project?.emoji ? (
+ renderEmoji(projectStore?.project?.emoji)
+ ) : (
+
+
+ {projectStore?.project?.name || `...`}
+
+
+
+
+ {/* issue views */}
+
+
+
+ {/* theming */}
+
+
+
+ {user ? (
+
+ {user.avatar && user.avatar !== "" ? (
+
+ ) : (
+
+ {/* eslint-disable-next-line @next/next/no-img-element */}
+
+
+ ) : (
+
+ {(user.display_name ?? "A")[0]}
+
+ )}
+ {user.display_name}
+
+
+
+
+ Sign in
+
+
+
+
+ )}
+ handleCurrentBoardView(viewKey)}
+ title={viewKey}
+ >
+
+ {issueViews[viewKey]?.icon}
+
+
+ );
+ }
+ })}
+
+ );
+});
diff --git a/space/components/issues/navbar/issue-filter.tsx b/space/components/issues/navbar/issue-filter.tsx
new file mode 100644
index 000000000..852121a5e
--- /dev/null
+++ b/space/components/issues/navbar/issue-filter.tsx
@@ -0,0 +1,111 @@
+import { useRouter } from "next/router";
+import { observer } from "mobx-react-lite";
+// icons
+import { ChevronDownIcon } from "@heroicons/react/20/solid";
+// mobx
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+// components
+import { Dropdown } from "components/ui/dropdown";
+// constants
+import { issueGroupFilter } from "constants/data";
+
+const PRIORITIES = ["urgent", "high", "medium", "low"];
+
+export const NavbarIssueFilter = observer(() => {
+ const store: RootStore = useMobxStore();
+
+ const router = useRouter();
+ const pathName = router.asPath;
+
+ const handleOnSelect = (key: "states" | "labels" | "priorities", value: string) => {
+ // if (key === "states") {
+ // store.issue.userSelectedStates = store.issue.userSelectedStates.includes(value)
+ // ? store.issue.userSelectedStates.filter((s) => s !== value)
+ // : [...store.issue.userSelectedStates, value];
+ // } else if (key === "labels") {
+ // store.issue.userSelectedLabels = store.issue.userSelectedLabels.includes(value)
+ // ? store.issue.userSelectedLabels.filter((l) => l !== value)
+ // : [...store.issue.userSelectedLabels, value];
+ // } else if (key === "priorities") {
+ // store.issue.userSelectedPriorities = store.issue.userSelectedPriorities.includes(value)
+ // ? store.issue.userSelectedPriorities.filter((p) => p !== value)
+ // : [...store.issue.userSelectedPriorities, value];
+ // }
+ // const paramsCommaSeparated = `${`board=${store.issue.currentIssueBoardView || "list"}`}${
+ // store.issue.userSelectedPriorities.length > 0 ? `&priorities=${store.issue.userSelectedPriorities.join(",")}` : ""
+ // }${store.issue.userSelectedStates.length > 0 ? `&states=${store.issue.userSelectedStates.join(",")}` : ""}${
+ // store.issue.userSelectedLabels.length > 0 ? `&labels=${store.issue.userSelectedLabels.join(",")}` : ""
+ // }`;
+ // router.replace(`${pathName}?${paramsCommaSeparated}`);
+ };
+
+ return (
+
+
+ );
+});
diff --git a/space/components/issues/peek-overview/comment/comment-detail-card.tsx b/space/components/issues/peek-overview/comment/comment-detail-card.tsx
new file mode 100644
index 000000000..0b4d2d5b0
--- /dev/null
+++ b/space/components/issues/peek-overview/comment/comment-detail-card.tsx
@@ -0,0 +1,204 @@
+import React, { useState } from "react";
+
+// mobx
+import { observer } from "mobx-react-lite";
+// react-hook-form
+import { Controller, useForm } from "react-hook-form";
+// headless ui
+import { Menu, Transition } from "@headlessui/react";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import { TipTapEditor } from "components/tiptap";
+import { CommentReactions } from "components/issues/peek-overview";
+// icons
+import { ChatBubbleLeftEllipsisIcon, CheckIcon, XMarkIcon, EllipsisVerticalIcon } from "@heroicons/react/24/outline";
+// helpers
+import { timeAgo } from "helpers/date-time.helper";
+// types
+import { Comment } from "types/issue";
+
+type Props = {
+ workspaceSlug: string;
+ comment: Comment;
+};
+
+export const CommentCard: React.FC
+ (
+ {
+ onChange(comment_html);
+ }}
+ />
+ )}
+ />
+
+ {
+ userStore.requiredLogin(() => {
+ handleSubmit(onSubmit)(e);
+ });
+ }}
+ type="submit"
+ disabled={isSubmitting || disabled}
+ className="mt-2"
+ >
+ {isSubmitting ? "Adding..." : "Comment"}
+
+
+
+
+ );
+});
diff --git a/space/components/issues/peek-overview/comment/comment-reactions.tsx b/space/components/issues/peek-overview/comment/comment-reactions.tsx
new file mode 100644
index 000000000..4045d3edf
--- /dev/null
+++ b/space/components/issues/peek-overview/comment/comment-reactions.tsx
@@ -0,0 +1,131 @@
+import React from "react";
+
+import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+// ui
+import { ReactionSelector, Tooltip } from "components/ui";
+// helpers
+import { groupReactions, renderEmoji } from "helpers/emoji.helper";
+
+type Props = {
+ commentId: string;
+ projectId: string;
+};
+
+export const CommentReactions: React.FC
+ {comment.actor_detail.avatar && comment.actor_detail.avatar !== "" ? (
+ // eslint-disable-next-line @next/next/no-img-element
+ 
+ ) : (
+
+
+ {comment.actor_detail.is_bot
+ ? comment?.actor_detail?.first_name?.charAt(0)
+ : comment?.actor_detail?.display_name?.charAt(0)}
+
+ )}
+
+
+
+
+
+
+
+ {userStore?.currentUser?.id === comment?.actor_detail?.id && (
+
+ )}
+
+
+
+ {comment.actor_detail.is_bot ? comment.actor_detail.first_name + " Bot" : comment.actor_detail.display_name}
+
+ + <>commented {timeAgo(comment.created_at)} +
+
+
+
+
+
+
+ {
+ userStore.requiredLogin(() => {
+ handleReactionClick(value);
+ });
+ }}
+ position="top"
+ selected={userReactions?.map((r) => r.reaction)}
+ size="md"
+ />
+
+ {Object.keys(groupedReactions || {}).map((reaction) => {
+ const reactions = groupedReactions?.[reaction] ?? [];
+ const REACTIONS_LIMIT = 1000;
+
+ if (reactions.length > 0)
+ return (
+
+ {reactions
+ .map((r) => r.actor_detail.display_name)
+ .splice(0, REACTIONS_LIMIT)
+ .join(", ")}
+ {reactions.length > REACTIONS_LIMIT && " and " + (reactions.length - REACTIONS_LIMIT) + " more"}
+
+ }
+ >
+
+
+ );
+ })}
+
+
+ );
+});
diff --git a/space/components/issues/peek-overview/header.tsx b/space/components/issues/peek-overview/header.tsx
new file mode 100644
index 000000000..7a0b43b98
--- /dev/null
+++ b/space/components/issues/peek-overview/header.tsx
@@ -0,0 +1,142 @@
+import React from "react";
+
+// mobx
+import { observer } from "mobx-react-lite";
+// headless ui
+import { Listbox, Transition } from "@headlessui/react";
+// hooks
+import useToast from "hooks/use-toast";
+// ui
+import { Icon } from "components/ui";
+// icons
+import { East } from "@mui/icons-material";
+// helpers
+import { copyTextToClipboard } from "helpers/string.helper";
+// store
+import { IPeekMode } from "store/issue_details";
+import { RootStore } from "store/root";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// types
+import { IIssue } from "types/issue";
+
+type Props = {
+ handleClose: () => void;
+ issueDetails: IIssue | undefined;
+};
+
+const peekModes: {
+ key: IPeekMode;
+ icon: string;
+ label: string;
+}[] = [
+ { key: "side", icon: "side_navigation", label: "Side Peek" },
+ {
+ key: "modal",
+ icon: "dialogs",
+ label: "Modal Peek",
+ },
+ {
+ key: "full",
+ icon: "nearby",
+ label: "Full Screen Peek",
+ },
+];
+
+export const PeekOverviewHeader: React.FC
+
+
+ )}
+
+
+
+ {issueDetails ? (
+
+ {/* issue title and description */}
+
+ ) : (
+
+
+ {/* divider */}
+
+ {/* issue activity/comments */}
+
+
+
+
+
+ {/* issue properties */}
+
+
+ {issueDetails ? (
+
+
+ )}
+
+
+
+
+ );
+});
diff --git a/space/components/issues/peek-overview/index.ts b/space/components/issues/peek-overview/index.ts
new file mode 100644
index 000000000..f42253e5e
--- /dev/null
+++ b/space/components/issues/peek-overview/index.ts
@@ -0,0 +1,11 @@
+export * from "./comment";
+export * from "./full-screen-peek-view";
+export * from "./header";
+export * from "./issue-activity";
+export * from "./issue-details";
+export * from "./issue-properties";
+export * from "./layout";
+export * from "./side-peek-view";
+export * from "./issue-reaction";
+export * from "./issue-vote-reactions";
+export * from "./issue-emoji-reactions";
diff --git a/space/components/issues/peek-overview/issue-activity.tsx b/space/components/issues/peek-overview/issue-activity.tsx
new file mode 100644
index 000000000..fde2fd878
--- /dev/null
+++ b/space/components/issues/peek-overview/issue-activity.tsx
@@ -0,0 +1,66 @@
+import React from "react";
+
+import Link from "next/link";
+import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import { CommentCard, AddComment } from "components/issues/peek-overview";
+// ui
+import { Icon, PrimaryButton } from "components/ui";
+// types
+import { IIssue } from "types/issue";
+
+type Props = {
+ issueDetails: IIssue;
+};
+
+export const PeekOverviewIssueActivity: React.FC
+ {issueDetailStore.peekMode === "side" && (
+
+ )}
+ issueDetailStore.setPeekMode(val)}
+ className="relative flex-shrink-0 text-left"
+ >
+
+ m.key === issueDetailStore.peekMode)?.icon ?? ""} />
+
+
+
+
+
+
+
+
+ {(issueDetailStore.peekMode === "side" || issueDetailStore.peekMode === "modal") && (
+
+ {peekModes.map((mode) => (
+
+ `cursor-pointer select-none truncate rounded px-1 py-1.5 ${
+ active || selected ? "bg-custom-background-80" : ""
+ } ${selected ? "text-custom-text-100" : "text-custom-text-200"}`
+ }
+ >
+ {({ selected }) => (
+
+ ))}
+
+
+
+ )}
+
+
+ {selected &&
+
+
+
+
+ )}
+
+
+ );
+});
diff --git a/space/components/issues/peek-overview/issue-details.tsx b/space/components/issues/peek-overview/issue-details.tsx
new file mode 100644
index 000000000..0b329568c
--- /dev/null
+++ b/space/components/issues/peek-overview/issue-details.tsx
@@ -0,0 +1,40 @@
+import { IssueReactions } from "components/issues/peek-overview";
+import { TipTapEditor } from "components/tiptap";
+import { useRouter } from "next/router";
+// types
+import { IIssue } from "types/issue";
+
+type Props = {
+ issueDetails: IIssue;
+};
+
+export const PeekOverviewIssueDetails: React.FCActivity
+ {workspace_slug && ( +
+
+ )}
+
+ {comments.map((comment: any) => (
+
+ {user ? (
+ <>
+ {projectStore.deploySettings?.comments && (
+
+
+ )}
+
+ ) : (
+
+ Sign in
+
+
+
+ )}
+
+
+ "
+ : issueDetails.description_html
+ }
+ customClassName="p-3 min-h-[50px] shadow-sm"
+ debouncedUpdatesEnabled={false}
+ editable={false}
+ />
+ )}
+
+ );
+};
diff --git a/space/components/issues/peek-overview/issue-emoji-reactions.tsx b/space/components/issues/peek-overview/issue-emoji-reactions.tsx
new file mode 100644
index 000000000..b0c5b0361
--- /dev/null
+++ b/space/components/issues/peek-overview/issue-emoji-reactions.tsx
@@ -0,0 +1,109 @@
+import { useEffect } from "react";
+import { useRouter } from "next/router";
+import { observer } from "mobx-react-lite";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// helpers
+import { groupReactions, renderEmoji } from "helpers/emoji.helper";
+// components
+import { ReactionSelector, Tooltip } from "components/ui";
+
+export const IssueEmojiReactions: React.FC = observer(() => {
+ // router
+ const router = useRouter();
+ const { workspace_slug, project_slug } = router.query;
+ // store
+ const { user: userStore, issueDetails: issueDetailsStore } = useMobxStore();
+
+ const user = userStore?.currentUser;
+ const issueId = issueDetailsStore.peekId;
+ const reactions = issueId ? issueDetailsStore.details[issueId]?.reactions || [] : [];
+ const groupedReactions = groupReactions(reactions, "reaction");
+
+ const userReactions = reactions?.filter((r) => r.actor_detail.id === user?.id);
+
+ const handleAddReaction = (reactionHex: string) => {
+ if (!workspace_slug || !project_slug || !issueId) return;
+
+ issueDetailsStore.addIssueReaction(workspace_slug.toString(), project_slug.toString(), issueId, reactionHex);
+ };
+
+ const handleRemoveReaction = (reactionHex: string) => {
+ if (!workspace_slug || !project_slug || !issueId) return;
+
+ issueDetailsStore.removeIssueReaction(workspace_slug.toString(), project_slug.toString(), issueId, reactionHex);
+ };
+
+ const handleReactionClick = (reactionHex: string) => {
+ const userReaction = userReactions?.find((r) => r.actor_detail.id === user?.id && r.reaction === reactionHex);
+
+ if (userReaction) handleRemoveReaction(reactionHex);
+ else handleAddReaction(reactionHex);
+ };
+
+ useEffect(() => {
+ if (user) return;
+ userStore.fetchCurrentUser();
+ }, [user, userStore]);
+
+ return (
+ <>
+ + {issueDetails.project_detail.identifier}-{issueDetails.sequence_id} +
+{issueDetails.name}
+ {issueDetails.description_html !== "" && issueDetails.description_html !== "" && ( +
+ {Object.keys(groupedReactions || {}).map((reaction) => {
+ const reactions = groupedReactions?.[reaction] ?? [];
+ const REACTIONS_LIMIT = 1000;
+
+ if (reactions.length > 0)
+ return (
+
+ {reactions
+ .map((r) => r.actor_detail.display_name)
+ .splice(0, REACTIONS_LIMIT)
+ .join(", ")}
+ {reactions.length > REACTIONS_LIMIT && " and " + (reactions.length - REACTIONS_LIMIT) + " more"}
+
+ }
+ >
+
+
+ );
+ })}
+
+ {mode === "full" && (
+
+ );
+};
diff --git a/space/components/issues/peek-overview/issue-reaction.tsx b/space/components/issues/peek-overview/issue-reaction.tsx
new file mode 100644
index 000000000..643ec7119
--- /dev/null
+++ b/space/components/issues/peek-overview/issue-reaction.tsx
@@ -0,0 +1,24 @@
+import { IssueEmojiReactions, IssueVotes } from "components/issues/peek-overview";
+import { useMobxStore } from "lib/mobx/store-provider";
+
+export const IssueReactions: React.FC = () => {
+ const { project: projectStore } = useMobxStore();
+
+ return (
+
+
+ )}
+ + {issueDetails.project_detail.identifier}-{issueDetails.sequence_id} +
+
+
+
+
+
+
+
+
+
+
+
+ {stateGroup && (
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+ {priority && (
+
+
+
+
+
+
+
+ {issueDetails.target_date ? (
+
+
+
+ {dueDateIcon.iconName}
+
+ {renderFullDate(issueDetails.target_date)}
+
+ ) : (
+ Empty
+ )}
+
+ {projectStore?.deploySettings?.votes && (
+ <>
+
+ );
+};
diff --git a/space/components/issues/peek-overview/issue-vote-reactions.tsx b/space/components/issues/peek-overview/issue-vote-reactions.tsx
new file mode 100644
index 000000000..ac20565ea
--- /dev/null
+++ b/space/components/issues/peek-overview/issue-vote-reactions.tsx
@@ -0,0 +1,129 @@
+import { useState, useEffect } from "react";
+
+import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+import { Tooltip } from "components/ui";
+
+export const IssueVotes: React.FC = observer(() => {
+ const [isSubmitting, setIsSubmitting] = useState(false);
+
+ const router = useRouter();
+
+ const { workspace_slug, project_slug } = router.query;
+
+ const { user: userStore, issueDetails: issueDetailsStore } = useMobxStore();
+
+ const user = userStore?.currentUser;
+ const issueId = issueDetailsStore.peekId;
+
+ const votes = issueId ? issueDetailsStore.details[issueId]?.votes : [];
+
+ const allUpVotes = votes?.filter((vote) => vote.vote === 1);
+ const allDownVotes = votes?.filter((vote) => vote.vote === -1);
+
+ const isUpVotedByUser = allUpVotes?.some((vote) => vote.actor === user?.id);
+ const isDownVotedByUser = allDownVotes?.some((vote) => vote.actor === user?.id);
+
+ const handleVote = async (e: any, voteValue: 1 | -1) => {
+ if (!workspace_slug || !project_slug || !issueId) return;
+
+ setIsSubmitting(true);
+
+ const actionPerformed = votes?.find((vote) => vote.actor === user?.id && vote.vote === voteValue);
+
+ if (actionPerformed)
+ await issueDetailsStore.removeIssueVote(workspace_slug.toString(), project_slug.toString(), issueId);
+ else
+ await issueDetailsStore.addIssueVote(workspace_slug.toString(), project_slug.toString(), issueId, {
+ vote: voteValue,
+ });
+
+ setIsSubmitting(false);
+ };
+
+ useEffect(() => {
+ if (user) return;
+
+ userStore.fetchCurrentUser();
+ }, [user, userStore]);
+
+ const VOTES_LIMIT = 1000;
+
+ return (
+
+
+
+
+ )}
+ {projectStore?.deploySettings?.reactions && (
+
+
+ )}
+
+ {/* upvote button 👇 */}
+
+ {allUpVotes.length > 0 ? (
+ <>
+ {allUpVotes
+ .map((r) => r.actor_detail.display_name)
+ .splice(0, VOTES_LIMIT)
+ .join(", ")}
+ {allUpVotes.length > VOTES_LIMIT && " and " + (allUpVotes.length - VOTES_LIMIT) + " more"}
+
+ ) : (
+ "No upvotes yet"
+ )}
+
+ }
+ >
+
+
+
+ {/* downvote button 👇 */}
+
+
+
+ )}
+
+ );
+});
diff --git a/apps/app/components/tiptap/bubble-menu/index.tsx b/space/components/tiptap/bubble-menu/index.tsx
similarity index 91%
rename from apps/app/components/tiptap/bubble-menu/index.tsx
rename to space/components/tiptap/bubble-menu/index.tsx
index 7e72963b6..217317ea1 100644
--- a/apps/app/components/tiptap/bubble-menu/index.tsx
+++ b/space/components/tiptap/bubble-menu/index.tsx
@@ -77,14 +77,16 @@ export const EditorBubbleMenu: FC
+
+ {issueDetails ? (
+
+ {/* issue title and description */}
+
+ ) : (
+
+
+ {/* issue properties */}
+
+
+ {/* divider */}
+
+ {/* issue activity/comments */}
+
+
+
+
+
+ {workspace_slug &&
+ );
+});
diff --git a/apps/space/constants/data.ts b/space/constants/data.ts
similarity index 67%
rename from apps/space/constants/data.ts
rename to space/constants/data.ts
index 81ccae116..29d411342 100644
--- a/apps/space/constants/data.ts
+++ b/space/constants/data.ts
@@ -7,7 +7,7 @@ import {
TIssueGroupKey,
IIssuePriorityFilters,
IIssueGroup,
-} from "store/types/issue";
+} from "types/issue";
// icons
import {
BacklogStateIcon,
@@ -18,69 +18,49 @@ import {
} from "components/icons";
// all issue views
-export const issueViews: IIssueBoardViews[] = [
- {
- key: "list",
+export const issueViews: any = {
+ list: {
title: "List View",
icon: "format_list_bulleted",
className: "",
},
- {
- key: "kanban",
+ kanban: {
title: "Board View",
icon: "grid_view",
className: "",
},
- // {
- // key: "calendar",
- // title: "Calendar View",
- // icon: "calendar_month",
- // className: "",
- // },
- // {
- // key: "spreadsheet",
- // title: "Spreadsheet View",
- // icon: "table_chart",
- // className: "",
- // },
- // {
- // key: "gantt",
- // title: "Gantt Chart View",
- // icon: "waterfall_chart",
- // className: "rotate-90",
- // },
-];
+};
// issue priority filters
export const issuePriorityFilters: IIssuePriorityFilters[] = [
{
key: "urgent",
title: "Urgent",
- className: "border border-red-500/50 bg-red-500/20 text-red-500",
+ className: "bg-red-500 border-red-500 text-white",
icon: "error",
},
{
key: "high",
title: "High",
- className: "border border-orange-500/50 bg-orange-500/20 text-orange-500",
+ className: "text-orange-500 border-custom-border-300",
icon: "signal_cellular_alt",
},
{
key: "medium",
title: "Medium",
- className: "border border-yellow-500/50 bg-yellow-500/20 text-yellow-500",
+ className: "text-yellow-500 border-custom-border-300",
icon: "signal_cellular_alt_2_bar",
},
{
key: "low",
title: "Low",
- className: "border border-green-500/50 bg-green-500/20 text-green-500",
+ className: "text-green-500 border-custom-border-300",
icon: "signal_cellular_alt_1_bar",
},
{
key: "none",
title: "None",
- className: "border border-gray-500/50 bg-gray-500/20 text-gray-500",
+ className: "text-gray-500 border-custom-border-300",
icon: "block",
},
];
@@ -111,35 +91,35 @@ export const issueGroups: IIssueGroup[] = [
key: "backlog",
title: "Backlog",
color: "#d9d9d9",
- className: `border-[#d9d9d9]/50 text-[#d9d9d9] bg-[#d9d9d9]/10`,
+ className: `text-[#d9d9d9] bg-[#d9d9d9]/10`,
icon: BacklogStateIcon,
},
{
key: "unstarted",
title: "Unstarted",
color: "#3f76ff",
- className: `border-[#3f76ff]/50 text-[#3f76ff] bg-[#3f76ff]/10`,
+ className: `text-[#3f76ff] bg-[#3f76ff]/10`,
icon: UnstartedStateIcon,
},
{
key: "started",
title: "Started",
color: "#f59e0b",
- className: `border-[#f59e0b]/50 text-[#f59e0b] bg-[#f59e0b]/10`,
+ className: `text-[#f59e0b] bg-[#f59e0b]/10`,
icon: StartedStateIcon,
},
{
key: "completed",
title: "Completed",
color: "#16a34a",
- className: `border-[#16a34a]/50 text-[#16a34a] bg-[#16a34a]/10`,
+ className: `text-[#16a34a] bg-[#16a34a]/10`,
icon: CompletedStateIcon,
},
{
key: "cancelled",
title: "Cancelled",
color: "#dc2626",
- className: `border-[#dc2626]/50 text-[#dc2626] bg-[#dc2626]/10`,
+ className: `text-[#dc2626] bg-[#dc2626]/10`,
icon: CancelledStateIcon,
},
];
diff --git a/space/constants/seo.ts b/space/constants/seo.ts
new file mode 100644
index 000000000..b2baca612
--- /dev/null
+++ b/space/constants/seo.ts
@@ -0,0 +1,7 @@
+export const SITE_NAME = "Plane Deploy | Make your Plane boards and roadmaps pubic with just one-click. ";
+export const SITE_TITLE = "Plane Deploy | Make your Plane boards public with one-click";
+export const SITE_DESCRIPTION = "Plane Deploy is a customer feedback management tool built on top of plane.so";
+export const SITE_KEYWORDS =
+ "software development, customer feedback, software, accelerate, code management, release management, project management, issue tracking, agile, scrum, kanban, collaboration";
+export const SITE_URL = "https://app.plane.so/";
+export const TWITTER_USER_NAME = "planepowers";
diff --git a/space/constants/workspace.ts b/space/constants/workspace.ts
new file mode 100644
index 000000000..5ae5a7cf4
--- /dev/null
+++ b/space/constants/workspace.ts
@@ -0,0 +1,12 @@
+export const USER_ROLES = [
+ { value: "Product / Project Manager", label: "Product / Project Manager" },
+ { value: "Development / Engineering", label: "Development / Engineering" },
+ { value: "Founder / Executive", label: "Founder / Executive" },
+ { value: "Freelancer / Consultant", label: "Freelancer / Consultant" },
+ { value: "Marketing / Growth", label: "Marketing / Growth" },
+ { value: "Sales / Business Development", label: "Sales / Business Development" },
+ { value: "Support / Operations", label: "Support / Operations" },
+ { value: "Student / Professor", label: "Student / Professor" },
+ { value: "Human Resources", label: "Human Resources" },
+ { value: "Other", label: "Other" },
+];
diff --git a/space/contexts/toast.context.tsx b/space/contexts/toast.context.tsx
new file mode 100644
index 000000000..a382b4fd2
--- /dev/null
+++ b/space/contexts/toast.context.tsx
@@ -0,0 +1,97 @@
+import React, { createContext, useCallback, useReducer } from "react";
+// uuid
+import { v4 as uuid } from "uuid";
+// components
+import ToastAlert from "components/ui/toast-alert";
+
+export const toastContext = createContextLoading...
+ ) : (
+ <>
+ {issueStore?.error ? (
+
+
+ ) : (
+ projectStore?.activeBoard && (
+ <>
+ {projectStore?.activeBoard === "list" && (
+
+
+
+
+
+
+ Oops! Something went wrong.
+The public board does not exist. Please check the URL.
+
+
+ )}
+ {projectStore?.activeBoard === "kanban" && (
+
+
+ )}
+ {projectStore?.activeBoard === "calendar" &&
-
Oops! Something went wrong.
diff --git a/space/pages/[workspace_slug]/[project_slug]/index.tsx b/space/pages/[workspace_slug]/[project_slug]/index.tsx
new file mode 100644
index 000000000..e50c01c18
--- /dev/null
+++ b/space/pages/[workspace_slug]/[project_slug]/index.tsx
@@ -0,0 +1,43 @@
+import Head from "next/head";
+import { useRouter } from "next/router";
+
+import useSWR from "swr";
+
+/// layouts
+import ProjectLayout from "layouts/project-layout";
+// components
+import { ProjectDetailsView } from "components/views/project-details";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+
+const WorkspaceProjectPage = (props: any) => {
+ const SITE_TITLE = props?.project_settings?.project_details?.name || "Plane | Deploy";
+
+ const router = useRouter();
+ const { workspace_slug, project_slug, states, labels, priorities } = router.query;
+
+ const { project: projectStore, issue: issueStore } = useMobxStore();
+
+ useSWR("REVALIDATE_ALL", () => {
+ if (workspace_slug && project_slug) {
+ projectStore.fetchProjectSettings(workspace_slug.toString(), project_slug.toString());
+ const params = {
+ state: states || null,
+ labels: labels || null,
+ priority: priorities || null,
+ };
+ issueStore.fetchPublicIssues(workspace_slug.toString(), project_slug.toString(), params);
+ }
+ });
+
+ return (
+
+
+ {SITE_TITLE}
+
+
+ );
+};
+
+export default WorkspaceProjectPage;
diff --git a/apps/space/app/[workspace_slug]/page.tsx b/space/pages/[workspace_slug]/index.tsx
similarity index 92%
rename from apps/space/app/[workspace_slug]/page.tsx
rename to space/pages/[workspace_slug]/index.tsx
index c35662f5a..a844c0763 100644
--- a/apps/space/app/[workspace_slug]/page.tsx
+++ b/space/pages/[workspace_slug]/index.tsx
@@ -1,5 +1,3 @@
-"use client";
-
const WorkspaceProjectPage = () => (
+ {SITE_TITLE}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default MyApp;
diff --git a/apps/space/pages/_document.tsx b/space/pages/_document.tsx
similarity index 80%
rename from apps/space/pages/_document.tsx
rename to space/pages/_document.tsx
index 8b41d05fc..ca023f4a4 100644
--- a/apps/space/pages/_document.tsx
+++ b/space/pages/_document.tsx
@@ -5,7 +5,7 @@ class MyDocument extends Document {
return (
-
+
Plane Workspace Space
);
diff --git a/space/pages/_app.tsx b/space/pages/_app.tsx
new file mode 100644
index 000000000..33c137d41
--- /dev/null
+++ b/space/pages/_app.tsx
@@ -0,0 +1,45 @@
+import Head from "next/head";
+import type { AppProps } from "next/app";
+import { ThemeProvider } from "next-themes";
+// styles
+import "styles/globals.css";
+import "styles/editor.css";
+// contexts
+import { ToastContextProvider } from "contexts/toast.context";
+// mobx store provider
+import { MobxStoreProvider } from "lib/mobx/store-provider";
+import MobxStoreInit from "lib/mobx/store-init";
+// constants
+import { SITE_NAME, SITE_DESCRIPTION, SITE_URL, TWITTER_USER_NAME, SITE_KEYWORDS, SITE_TITLE } from "constants/seo";
+
+const prefix = parseInt(process.env.NEXT_PUBLIC_DEPLOY_WITH_NGINX || "0") === 0 ? "/" : "/spaces/";
+
+function MyApp({ Component, pageProps }: AppProps) {
+ return (
+
+
+ );
+};
+
+export default observer(OnBoardingPage);
diff --git a/apps/space/app/project-not-published/page.tsx b/space/pages/project-not-published/index.tsx
similarity index 87%
rename from apps/space/app/project-not-published/page.tsx
rename to space/pages/project-not-published/index.tsx
index 82a2ff5da..985b7bc41 100644
--- a/apps/space/app/project-not-published/page.tsx
+++ b/space/pages/project-not-published/index.tsx
@@ -1,12 +1,13 @@
// next imports
import Image from "next/image";
+import projectNotPublishedImage from "public/project-not-published.svg";
const CustomProjectNotPublishedError = () => (
+
+
+
+
+
+
+
+
+
+ {user?.email}
+
+
+
+
-
Oops! The page you{`'`}re looking for isn{`'`}t live at the moment.
diff --git a/apps/app/postcss.config.js b/space/postcss.config.js
similarity index 100%
rename from apps/app/postcss.config.js
rename to space/postcss.config.js
diff --git a/apps/app/public/404.svg b/space/public/404.svg
similarity index 100%
rename from apps/app/public/404.svg
rename to space/public/404.svg
diff --git a/apps/app/public/favicon/android-chrome-192x192.png b/space/public/favicon/android-chrome-192x192.png
similarity index 100%
rename from apps/app/public/favicon/android-chrome-192x192.png
rename to space/public/favicon/android-chrome-192x192.png
diff --git a/apps/app/public/favicon/android-chrome-512x512.png b/space/public/favicon/android-chrome-512x512.png
similarity index 100%
rename from apps/app/public/favicon/android-chrome-512x512.png
rename to space/public/favicon/android-chrome-512x512.png
diff --git a/apps/app/public/favicon/apple-touch-icon.png b/space/public/favicon/apple-touch-icon.png
similarity index 100%
rename from apps/app/public/favicon/apple-touch-icon.png
rename to space/public/favicon/apple-touch-icon.png
diff --git a/apps/app/public/favicon/favicon-16x16.png b/space/public/favicon/favicon-16x16.png
similarity index 100%
rename from apps/app/public/favicon/favicon-16x16.png
rename to space/public/favicon/favicon-16x16.png
diff --git a/apps/app/public/favicon/favicon-32x32.png b/space/public/favicon/favicon-32x32.png
similarity index 100%
rename from apps/app/public/favicon/favicon-32x32.png
rename to space/public/favicon/favicon-32x32.png
diff --git a/apps/app/public/favicon/favicon.ico b/space/public/favicon/favicon.ico
similarity index 100%
rename from apps/app/public/favicon/favicon.ico
rename to space/public/favicon/favicon.ico
diff --git a/apps/app/public/favicon/site.webmanifest b/space/public/favicon/site.webmanifest
similarity index 100%
rename from apps/app/public/favicon/site.webmanifest
rename to space/public/favicon/site.webmanifest
diff --git a/space/public/logos/github-black.svg b/space/public/logos/github-black.svg
new file mode 100644
index 000000000..ad04a798e
--- /dev/null
+++ b/space/public/logos/github-black.svg
@@ -0,0 +1,29 @@
+
+
+
diff --git a/space/public/logos/github-square.svg b/space/public/logos/github-square.svg
new file mode 100644
index 000000000..a7836db8f
--- /dev/null
+++ b/space/public/logos/github-square.svg
@@ -0,0 +1,21 @@
+
+
+
diff --git a/space/public/logos/github-white.svg b/space/public/logos/github-white.svg
new file mode 100644
index 000000000..90fe34d8b
--- /dev/null
+++ b/space/public/logos/github-white.svg
@@ -0,0 +1,11 @@
+
+
+
diff --git a/space/public/plane-logo.svg b/space/public/plane-logo.svg
new file mode 100644
index 000000000..11179417c
--- /dev/null
+++ b/space/public/plane-logo.svg
@@ -0,0 +1,94 @@
+
+
+
diff --git a/apps/app/public/plane-logos/black-horizontal-with-blue-logo.svg b/space/public/plane-logos/black-horizontal-with-blue-logo.svg
similarity index 100%
rename from apps/app/public/plane-logos/black-horizontal-with-blue-logo.svg
rename to space/public/plane-logos/black-horizontal-with-blue-logo.svg
diff --git a/apps/app/public/plane-logos/blue-without-text.png b/space/public/plane-logos/blue-without-text.png
similarity index 100%
rename from apps/app/public/plane-logos/blue-without-text.png
rename to space/public/plane-logos/blue-without-text.png
diff --git a/apps/app/public/plane-logos/white-horizontal-with-blue-logo.svg b/space/public/plane-logos/white-horizontal-with-blue-logo.svg
similarity index 100%
rename from apps/app/public/plane-logos/white-horizontal-with-blue-logo.svg
rename to space/public/plane-logos/white-horizontal-with-blue-logo.svg
diff --git a/apps/app/public/plane-logos/white-horizontal.svg b/space/public/plane-logos/white-horizontal.svg
similarity index 100%
rename from apps/app/public/plane-logos/white-horizontal.svg
rename to space/public/plane-logos/white-horizontal.svg
diff --git a/apps/space/public/project-not-published.svg b/space/public/project-not-published.svg
similarity index 100%
rename from apps/space/public/project-not-published.svg
rename to space/public/project-not-published.svg
diff --git a/space/public/site.webmanifest.json b/space/public/site.webmanifest.json
new file mode 100644
index 000000000..4c32ec6e3
--- /dev/null
+++ b/space/public/site.webmanifest.json
@@ -0,0 +1,13 @@
+{
+ "name": "Plane Space",
+ "short_name": "Plane Space",
+ "description": "Plane helps you plan your issues, cycles, and product modules.",
+ "start_url": ".",
+ "display": "standalone",
+ "background_color": "#f9fafb",
+ "theme_color": "#3f76ff",
+ "icons": [
+ { "src": "/favicon/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
+ { "src": "/favicon/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
+ ]
+}
diff --git a/space/public/something-went-wrong.svg b/space/public/something-went-wrong.svg
new file mode 100644
index 000000000..bd51f7f49
--- /dev/null
+++ b/space/public/something-went-wrong.svg
@@ -0,0 +1,3 @@
+
diff --git a/space/public/user-logged-in.svg b/space/public/user-logged-in.svg
new file mode 100644
index 000000000..e20b49e82
--- /dev/null
+++ b/space/public/user-logged-in.svg
@@ -0,0 +1,3 @@
+
diff --git a/apps/space/services/api.service.ts b/space/services/api.service.ts
similarity index 87%
rename from apps/space/services/api.service.ts
rename to space/services/api.service.ts
index 4cf26d9ee..d3ad3949b 100644
--- a/apps/space/services/api.service.ts
+++ b/space/services/api.service.ts
@@ -90,6 +90,16 @@ abstract class APIService {
});
}
+ mediaUpload(url: string, data = {}, config = {}): Promise {
+ return axios({
+ method: "post",
+ url: this.baseURL + url,
+ data,
+ headers: this.getAccessToken() ? { ...this.getHeaders(), "Content-Type": "multipart/form-data" } : {},
+ ...config,
+ });
+ }
+
request(config = {}) {
return axios(config);
}
diff --git a/space/services/authentication.service.ts b/space/services/authentication.service.ts
new file mode 100644
index 000000000..a6f1ec90f
--- /dev/null
+++ b/space/services/authentication.service.ts
@@ -0,0 +1,92 @@
+// services
+import APIService from "services/api.service";
+
+class AuthService extends APIService {
+ constructor() {
+ super(process.env.NEXT_PUBLIC_API_BASE_URL || "http://localhost:8000");
+ }
+
+ async emailLogin(data: any) {
+ return this.post("/api/sign-in/", data, { headers: {} })
+ .then((response) => {
+ this.setAccessToken(response?.data?.access_token);
+ this.setRefreshToken(response?.data?.refresh_token);
+ return response?.data;
+ })
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
+ async emailSignUp(data: { email: string; password: string }) {
+ return this.post("/api/sign-up/", data, { headers: {} })
+ .then((response) => {
+ this.setAccessToken(response?.data?.access_token);
+ this.setRefreshToken(response?.data?.refresh_token);
+ return response?.data;
+ })
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
+ async socialAuth(data: any): Promise<{
+ access_token: string;
+ refresh_toke: string;
+ user: any;
+ }> {
+ return this.post("/api/social-auth/", data, { headers: {} })
+ .then((response) => {
+ this.setAccessToken(response?.data?.access_token);
+ this.setRefreshToken(response?.data?.refresh_token);
+ return response?.data;
+ })
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
+ async emailCode(data: any) {
+ return this.post("/api/magic-generate/", data, { headers: {} })
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
+ async forgotPassword(data: { email: string }): Promise {
+ return this.post(`/api/forgot-password/`, data)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async magicSignIn(data: any) {
+ const response = await this.post("/api/magic-sign-in/", data, { headers: {} });
+ if (response?.status === 200) {
+ this.setAccessToken(response?.data?.access_token);
+ this.setRefreshToken(response?.data?.refresh_token);
+ return response?.data;
+ }
+ throw response.response.data;
+ }
+
+ async signOut() {
+ return this.post("/api/sign-out/", { refresh_token: this.getRefreshToken() })
+ .then((response) => {
+ this.purgeAccessToken();
+ this.purgeRefreshToken();
+ return response?.data;
+ })
+ .catch((error) => {
+ this.purgeAccessToken();
+ this.purgeRefreshToken();
+ throw error?.response?.data;
+ });
+ }
+}
+
+const authService = new AuthService();
+
+export default authService;
diff --git a/space/services/file.service.ts b/space/services/file.service.ts
new file mode 100644
index 000000000..5ef34fc76
--- /dev/null
+++ b/space/services/file.service.ts
@@ -0,0 +1,101 @@
+// services
+import APIService from "services/api.service";
+
+const { NEXT_PUBLIC_API_BASE_URL } = process.env;
+
+interface UnSplashImage {
+ id: string;
+ created_at: Date;
+ updated_at: Date;
+ promoted_at: Date;
+ width: number;
+ height: number;
+ color: string;
+ blur_hash: string;
+ description: null;
+ alt_description: string;
+ urls: UnSplashImageUrls;
+ [key: string]: any;
+}
+
+interface UnSplashImageUrls {
+ raw: string;
+ full: string;
+ regular: string;
+ small: string;
+ thumb: string;
+ small_s3: string;
+}
+
+class FileServices extends APIService {
+ constructor() {
+ super(NEXT_PUBLIC_API_BASE_URL || "http://localhost:8000");
+ }
+
+ async uploadFile(workspaceSlug: string, file: FormData): Promise {
+ return this.mediaUpload(`/api/workspaces/${workspaceSlug}/file-assets/`, file)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
+ async deleteImage(assetUrlWithWorkspaceId: string): Promise {
+ return this.delete(`/api/workspaces/file-assets/${assetUrlWithWorkspaceId}/`)
+ .then((response) => response?.status)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
+ async deleteFile(workspaceId: string, assetUrl: string): Promise {
+ const lastIndex = assetUrl.lastIndexOf("/");
+ const assetId = assetUrl.substring(lastIndex + 1);
+
+ return this.delete(`/api/workspaces/file-assets/${workspaceId}/${assetId}/`)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+ async uploadUserFile(file: FormData): Promise {
+ return this.mediaUpload(`/api/users/file-assets/`, file)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
+ async deleteUserFile(assetUrl: string): Promise {
+ const lastIndex = assetUrl.lastIndexOf("/");
+ const assetId = assetUrl.substring(lastIndex + 1);
+
+ return this.delete(`/api/users/file-assets/${assetId}`)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+
+ async getUnsplashImages(page: number = 1, query?: string): Promise {
+ const url = "/api/unsplash";
+
+ return this.request({
+ method: "get",
+ url,
+ params: {
+ page,
+ per_page: 20,
+ query,
+ },
+ })
+ .then((response) => response?.data?.results ?? response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
+}
+
+const fileServices = new FileServices();
+
+export default fileServices;
diff --git a/space/services/issue.service.ts b/space/services/issue.service.ts
new file mode 100644
index 000000000..835778fb2
--- /dev/null
+++ b/space/services/issue.service.ts
@@ -0,0 +1,168 @@
+// services
+import APIService from "services/api.service";
+
+class IssueService extends APIService {
+ constructor() {
+ super(process.env.NEXT_PUBLIC_API_BASE_URL || "http://localhost:8000");
+ }
+
+ async getPublicIssues(workspace_slug: string, project_slug: string, params: any): Promise {
+ return this.get(`/api/public/workspaces/${workspace_slug}/project-boards/${project_slug}/issues/`, {
+ params,
+ })
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async getIssueById(workspaceSlug: string, projectId: string, issueId: string): Promise {
+ return this.get(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/`)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async getIssueVotes(workspaceSlug: string, projectId: string, issueId: string): Promise {
+ return this.get(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/votes/`)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async createIssueVote(workspaceSlug: string, projectId: string, issueId: string, data: any): Promise {
+ return this.post(
+ `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/votes/`,
+ data
+ )
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async deleteIssueVote(workspaceSlug: string, projectId: string, issueId: string): Promise {
+ return this.delete(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/votes/`)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async getIssueReactions(workspaceSlug: string, projectId: string, issueId: string): Promise {
+ return this.get(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/reactions/`)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async createIssueReaction(workspaceSlug: string, projectId: string, issueId: string, data: any): Promise {
+ return this.post(
+ `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/reactions/`,
+ data
+ )
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async deleteIssueReaction(
+ workspaceSlug: string,
+ projectId: string,
+ issueId: string,
+ reactionId: string
+ ): Promise {
+ return this.delete(
+ `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/reactions/${reactionId}/`
+ )
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async getIssueComments(workspaceSlug: string, projectId: string, issueId: string): Promise {
+ return this.get(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/comments/`)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async createIssueComment(workspaceSlug: string, projectId: string, issueId: string, data: any): Promise {
+ return this.post(
+ `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/comments/`,
+ data
+ )
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async updateIssueComment(
+ workspaceSlug: string,
+ projectId: string,
+ issueId: string,
+ commentId: string,
+ data: any
+ ): Promise {
+ return this.patch(
+ `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/comments/${commentId}/`,
+ data
+ )
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async deleteIssueComment(workspaceSlug: string, projectId: string, issueId: string, commentId: string): Promise {
+ return this.delete(
+ `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/comments/${commentId}/`
+ )
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async createCommentReaction(
+ workspaceSlug: string,
+ projectId: string,
+ commentId: string,
+ data: {
+ reaction: string;
+ }
+ ): Promise {
+ return this.post(
+ `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/comments/${commentId}/reactions/`,
+ data
+ )
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+
+ async deleteCommentReaction(
+ workspaceSlug: string,
+ projectId: string,
+ commentId: string,
+ reactionHex: string
+ ): Promise {
+ return this.delete(
+ `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/comments/${commentId}/reactions/${reactionHex}/`
+ )
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response;
+ });
+ }
+}
+
+export default IssueService;
diff --git a/apps/space/services/project.service.ts b/space/services/project.service.ts
similarity index 82%
rename from apps/space/services/project.service.ts
rename to space/services/project.service.ts
index 6f0275877..291a5f323 100644
--- a/apps/space/services/project.service.ts
+++ b/space/services/project.service.ts
@@ -6,7 +6,7 @@ class ProjectService extends APIService {
super(process.env.NEXT_PUBLIC_API_BASE_URL || "http://localhost:8000");
}
- async getProjectSettingsAsync(workspace_slug: string, project_slug: string): Promise {
+ async getProjectSettings(workspace_slug: string, project_slug: string): Promise {
return this.get(`/api/public/workspaces/${workspace_slug}/project-boards/${project_slug}/settings/`)
.then((response) => response?.data)
.catch((error) => {
diff --git a/apps/space/services/user.service.ts b/space/services/user.service.ts
similarity index 66%
rename from apps/space/services/user.service.ts
rename to space/services/user.service.ts
index a84358a96..9a324bb95 100644
--- a/apps/space/services/user.service.ts
+++ b/space/services/user.service.ts
@@ -13,6 +13,14 @@ class UserService extends APIService {
throw error?.response;
});
}
+
+ async updateMe(data: any): Promise {
+ return this.patch("/api/users/me/", data)
+ .then((response) => response?.data)
+ .catch((error) => {
+ throw error?.response?.data;
+ });
+ }
}
export default UserService;
diff --git a/space/store/issue.ts b/space/store/issue.ts
new file mode 100644
index 000000000..d47336984
--- /dev/null
+++ b/space/store/issue.ts
@@ -0,0 +1,103 @@
+import { observable, action, computed, makeObservable, runInAction, reaction } from "mobx";
+// services
+import IssueService from "services/issue.service";
+// store
+import { RootStore } from "./root";
+// types
+// import { IssueDetailType, TIssueBoardKeys } from "types/issue";
+import { IIssue, IIssueState, IIssueLabel } from "types/issue";
+
+export interface IIssueStore {
+ loader: boolean;
+ error: any;
+ // issue options
+ issues: IIssue[] | null;
+ states: IIssueState[] | null;
+ labels: IIssueLabel[] | null;
+ // filtering
+ filteredStates: string[];
+ filteredLabels: string[];
+ filteredPriorities: string[];
+ // service
+ issueService: any;
+ // actions
+ fetchPublicIssues: (workspace_slug: string, project_slug: string, params: any) => void;
+ getCountOfIssuesByState: (state: string) => number;
+ getFilteredIssuesByState: (state: string) => IIssue[];
+}
+
+class IssueStore implements IIssueStore {
+ loader: boolean = false;
+ error: any | null = null;
+
+ states: IIssueState[] | null = [];
+ labels: IIssueLabel[] | null = [];
+
+ filteredStates: string[] = [];
+ filteredLabels: string[] = [];
+ filteredPriorities: string[] = [];
+
+ issues: IIssue[] | null = [];
+ issue_detail: any = {};
+
+ rootStore: RootStore;
+ issueService: any;
+
+ constructor(_rootStore: any) {
+ makeObservable(this, {
+ // observable
+ loader: observable,
+ error: observable,
+ // issue options
+ states: observable.ref,
+ labels: observable.ref,
+ // filtering
+ filteredStates: observable.ref,
+ filteredLabels: observable.ref,
+ filteredPriorities: observable.ref,
+ // issues
+ issues: observable.ref,
+ issue_detail: observable.ref,
+ // actions
+ fetchPublicIssues: action,
+ getFilteredIssuesByState: action,
+ });
+
+ this.rootStore = _rootStore;
+ this.issueService = new IssueService();
+ }
+
+ fetchPublicIssues = async (workspaceSlug: string, projectId: string, params: any) => {
+ try {
+ this.loader = true;
+ this.error = null;
+
+ const response = await this.issueService.getPublicIssues(workspaceSlug, projectId, params);
+
+ if (response) {
+ const _states: IIssueState[] = [...response?.states];
+ const _labels: IIssueLabel[] = [...response?.labels];
+ const _issues: IIssue[] = [...response?.issues];
+ runInAction(() => {
+ this.states = _states;
+ this.labels = _labels;
+ this.issues = _issues;
+ this.loader = false;
+ });
+ }
+ } catch (error) {
+ this.loader = false;
+ this.error = error;
+ }
+ };
+
+ // computed
+ getCountOfIssuesByState(state_id: string): number {
+ return this.issues?.filter((issue) => issue.state == state_id).length || 0;
+ }
+
+ getFilteredIssuesByState = (state_id: string): IIssue[] | [] =>
+ this.issues?.filter((issue) => issue.state == state_id) || [];
+}
+
+export default IssueStore;
diff --git a/space/store/issue_details.ts b/space/store/issue_details.ts
new file mode 100644
index 000000000..346206e94
--- /dev/null
+++ b/space/store/issue_details.ts
@@ -0,0 +1,434 @@
+import { makeObservable, observable, action, runInAction } from "mobx";
+import { v4 as uuidv4 } from "uuid";
+// store
+import { RootStore } from "./root";
+// services
+import IssueService from "services/issue.service";
+import { IIssue, IVote } from "types/issue";
+
+export type IPeekMode = "side" | "modal" | "full";
+
+export interface IIssueDetailStore {
+ loader: boolean;
+ error: any;
+ // peek info
+ peekId: string | null;
+ peekMode: IPeekMode;
+ details: {
+ [key: string]: IIssue;
+ };
+ // peek actions
+ setPeekId: (issueId: string | null) => void;
+ setPeekMode: (mode: IPeekMode) => void;
+ // issue details
+ fetchIssueDetails: (workspaceId: string, projectId: string, issueId: string) => void;
+ // issue comments
+ addIssueComment: (workspaceId: string, projectId: string, issueId: string, data: any) => Promise;
+ updateIssueComment: (
+ workspaceId: string,
+ projectId: string,
+ issueId: string,
+ comment_id: string,
+ data: any
+ ) => Promise;
+ deleteIssueComment: (workspaceId: string, projectId: string, issueId: string, comment_id: string) => void;
+ addCommentReaction: (
+ workspaceId: string,
+ projectId: string,
+ issueId: string,
+ commentId: string,
+ reactionHex: string
+ ) => void;
+ removeCommentReaction: (
+ workspaceId: string,
+ projectId: string,
+ issueId: string,
+ commentId: string,
+ reactionHex: string
+ ) => void;
+ // issue reactions
+ addIssueReaction: (workspaceId: string, projectId: string, issueId: string, reactionHex: string) => void;
+ removeIssueReaction: (workspaceId: string, projectId: string, issueId: string, reactionHex: string) => void;
+ // issue votes
+ addIssueVote: (workspaceId: string, projectId: string, issueId: string, data: { vote: 1 | -1 }) => Promise;
+ removeIssueVote: (workspaceId: string, projectId: string, issueId: string) => Promise;
+}
+
+class IssueDetailStore implements IssueDetailStore {
+ loader: boolean = false;
+ error: any = null;
+ peekId: string | null = null;
+ peekMode: IPeekMode = "side";
+ details: {
+ [key: string]: IIssue;
+ } = {};
+ issueService;
+ rootStore: RootStore;
+
+ constructor(_rootStore: RootStore) {
+ makeObservable(this, {
+ loader: observable.ref,
+ error: observable.ref,
+ // peek
+ peekId: observable.ref,
+ peekMode: observable.ref,
+ details: observable.ref,
+ // actions
+ setPeekId: action,
+ setPeekMode: action,
+ fetchIssueDetails: action,
+ addIssueComment: action,
+ updateIssueComment: action,
+ deleteIssueComment: action,
+ addCommentReaction: action,
+ removeCommentReaction: action,
+ addIssueReaction: action,
+ removeIssueReaction: action,
+ addIssueVote: action,
+ removeIssueVote: action,
+ });
+ this.issueService = new IssueService();
+ this.rootStore = _rootStore;
+ }
+
+ setPeekId = (issueId: string | null) => {
+ this.peekId = issueId;
+ };
+
+ setPeekMode = (mode: IPeekMode) => {
+ this.peekMode = mode;
+ };
+
+ fetchIssueDetails = async (workspaceSlug: string, projectId: string, issueId: string) => {
+ try {
+ this.loader = true;
+ this.error = null;
+
+ const issueDetails = this.rootStore.issue.issues?.find((i) => i.id === issueId);
+ const commentsResponse = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+ if (issueDetails) {
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...(this.details[issueId] ?? issueDetails),
+ comments: commentsResponse,
+ },
+ };
+ });
+ }
+ } catch (error) {
+ this.loader = false;
+ this.error = error;
+ }
+ };
+
+ addIssueComment = async (workspaceSlug: string, projectId: string, issueId: string, data: any) => {
+ try {
+ const issueDetails = this.rootStore.issue.issues?.find((i) => i.id === issueId);
+ const issueCommentResponse = await this.issueService.createIssueComment(workspaceSlug, projectId, issueId, data);
+ if (issueDetails) {
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...issueDetails,
+ comments: [...this.details[issueId].comments, issueCommentResponse],
+ },
+ };
+ });
+ }
+ return issueCommentResponse;
+ } catch (error) {
+ console.log("Failed to add issue comment");
+ throw error;
+ }
+ };
+
+ updateIssueComment = async (
+ workspaceSlug: string,
+ projectId: string,
+ issueId: string,
+ commentId: string,
+ data: any
+ ) => {
+ try {
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ comments: this.details[issueId].comments.map((c) => ({
+ ...c,
+ ...(c.id === commentId ? data : {}),
+ })),
+ },
+ };
+ });
+
+ await this.issueService.updateIssueComment(workspaceSlug, projectId, issueId, commentId, data);
+ } catch (error) {
+ const issueComments = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ comments: issueComments,
+ },
+ };
+ });
+ }
+ };
+
+ deleteIssueComment = async (workspaceSlug: string, projectId: string, issueId: string, comment_id: string) => {
+ try {
+ await this.issueService.deleteIssueComment(workspaceSlug, projectId, issueId, comment_id);
+ const remainingComments = this.details[issueId].comments.filter((c) => c.id != comment_id);
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ comments: remainingComments,
+ },
+ };
+ });
+ } catch (error) {
+ console.log("Failed to add issue vote");
+ }
+ };
+
+ addCommentReaction = async (
+ workspaceSlug: string,
+ projectId: string,
+ issueId: string,
+ commentId: string,
+ reactionHex: string
+ ) => {
+ const newReaction = {
+ id: uuidv4(),
+ comment: commentId,
+ reaction: reactionHex,
+ actor_detail: this.rootStore.user.currentActor,
+ };
+ const newComments = this.details[issueId].comments.map((comment) => ({
+ ...comment,
+ comment_reactions:
+ comment.id === commentId ? [...comment.comment_reactions, newReaction] : comment.comment_reactions,
+ }));
+
+ try {
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ comments: [...newComments],
+ },
+ };
+ });
+
+ await this.issueService.createCommentReaction(workspaceSlug, projectId, commentId, {
+ reaction: reactionHex,
+ });
+ } catch (error) {
+ const issueComments = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ comments: issueComments,
+ },
+ };
+ });
+ }
+ };
+
+ removeCommentReaction = async (
+ workspaceSlug: string,
+ projectId: string,
+ issueId: string,
+ commentId: string,
+ reactionHex: string
+ ) => {
+ try {
+ const comment = this.details[issueId].comments.find((c) => c.id === commentId);
+ const newCommentReactions = comment?.comment_reactions.filter((r) => r.reaction !== reactionHex) ?? [];
+
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ comments: this.details[issueId].comments.map((c) => ({
+ ...c,
+ comment_reactions: c.id === commentId ? newCommentReactions : c.comment_reactions,
+ })),
+ },
+ };
+ });
+
+ await this.issueService.deleteCommentReaction(workspaceSlug, projectId, commentId, reactionHex);
+ } catch (error) {
+ const issueComments = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ comments: issueComments,
+ },
+ };
+ });
+ }
+ };
+
+ addIssueReaction = async (workspaceSlug: string, projectId: string, issueId: string, reactionHex: string) => {
+ try {
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ reactions: [
+ ...this.details[issueId].reactions,
+ {
+ id: uuidv4(),
+ issue: issueId,
+ reaction: reactionHex,
+ actor_detail: this.rootStore.user.currentActor,
+ },
+ ],
+ },
+ };
+ });
+
+ await this.issueService.createIssueReaction(workspaceSlug, projectId, issueId, {
+ reaction: reactionHex,
+ });
+ } catch (error) {
+ console.log("Failed to add issue vote");
+ const issueReactions = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ reactions: issueReactions,
+ },
+ };
+ });
+ }
+ };
+
+ removeIssueReaction = async (workspaceSlug: string, projectId: string, issueId: string, reactionHex: string) => {
+ try {
+ const newReactions = this.details[issueId].reactions.filter(
+ (_r) => !(_r.reaction === reactionHex && _r.actor_detail.id === this.rootStore.user.currentUser?.id)
+ );
+
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ reactions: newReactions,
+ },
+ };
+ });
+
+ await this.issueService.deleteIssueReaction(workspaceSlug, projectId, issueId, reactionHex);
+ } catch (error) {
+ console.log("Failed to remove issue reaction");
+ const reactions = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ reactions: reactions,
+ },
+ };
+ });
+ }
+ };
+
+ addIssueVote = async (workspaceSlug: string, projectId: string, issueId: string, data: { vote: 1 | -1 }) => {
+ const newVote: IVote = {
+ actor: this.rootStore.user.currentUser?.id ?? "",
+ actor_detail: this.rootStore.user.currentActor,
+ issue: issueId,
+ project: projectId,
+ workspace: workspaceSlug,
+ vote: data.vote,
+ };
+
+ const filteredVotes = this.details[issueId].votes.filter((v) => v.actor !== this.rootStore.user.currentUser?.id);
+
+ try {
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ votes: [...filteredVotes, newVote],
+ },
+ };
+ });
+
+ await this.issueService.createIssueVote(workspaceSlug, projectId, issueId, data);
+ } catch (error) {
+ console.log("Failed to add issue vote");
+ const issueVotes = await this.issueService.getIssueVotes(workspaceSlug, projectId, issueId);
+
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ votes: issueVotes,
+ },
+ };
+ });
+ }
+ };
+
+ removeIssueVote = async (workspaceSlug: string, projectId: string, issueId: string) => {
+ const newVotes = this.details[issueId].votes.filter((v) => v.actor !== this.rootStore.user.currentUser?.id);
+
+ try {
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ votes: newVotes,
+ },
+ };
+ });
+
+ await this.issueService.deleteIssueVote(workspaceSlug, projectId, issueId);
+ } catch (error) {
+ console.log("Failed to remove issue vote");
+ const issueVotes = await this.issueService.getIssueVotes(workspaceSlug, projectId, issueId);
+
+ runInAction(() => {
+ this.details = {
+ ...this.details,
+ [issueId]: {
+ ...this.details[issueId],
+ votes: issueVotes,
+ },
+ };
+ });
+ }
+ };
+}
+
+export default IssueDetailStore;
diff --git a/apps/space/store/project.ts b/space/store/project.ts
similarity index 52%
rename from apps/space/store/project.ts
rename to space/store/project.ts
index e5ac58261..ddd589f9a 100644
--- a/apps/space/store/project.ts
+++ b/space/store/project.ts
@@ -3,15 +3,29 @@ import { observable, action, makeObservable, runInAction } from "mobx";
// service
import ProjectService from "services/project.service";
// types
-import { IProjectStore, IWorkspace, IProject, IProjectSettings } from "./types";
+import { IWorkspace, IProject, IProjectSettings } from "types/project";
+
+export interface IProjectStore {
+ loader: boolean;
+ error: any | null;
+ workspace: IWorkspace | null;
+ project: IProject | null;
+ deploySettings: IProjectSettings | null;
+ viewOptions: any;
+ activeBoard: string | null;
+ fetchProjectSettings: (workspace_slug: string, project_slug: string) => Promise;
+ setActiveBoard: (value: string) => void;
+}
class ProjectStore implements IProjectStore {
loader: boolean = false;
error: any | null = null;
-
+ // data
workspace: IWorkspace | null = null;
project: IProject | null = null;
- workspaceProjectSettings: IProjectSettings | null = null;
+ deploySettings: IProjectSettings | null = null;
+ viewOptions: any = null;
+ activeBoard: string | null = null;
// root store
rootStore;
// service
@@ -19,14 +33,18 @@ class ProjectStore implements IProjectStore {
constructor(_rootStore: any | null = null) {
makeObservable(this, {
+ // loaders and error observables
+ loader: observable,
+ error: observable.ref,
// observable
workspace: observable.ref,
project: observable.ref,
- workspaceProjectSettings: observable.ref,
- loader: observable,
- error: observable.ref,
- // action
- getProjectSettingsAsync: action,
+ deploySettings: observable.ref,
+ viewOptions: observable.ref,
+ activeBoard: observable.ref,
+ // actions
+ fetchProjectSettings: action,
+ setActiveBoard: action,
// computed
});
@@ -34,26 +52,23 @@ class ProjectStore implements IProjectStore {
this.projectService = new ProjectService();
}
- getProjectSettingsAsync = async (workspace_slug: string, project_slug: string) => {
+ fetchProjectSettings = async (workspace_slug: string, project_slug: string) => {
try {
this.loader = true;
this.error = null;
- const response = await this.projectService.getProjectSettingsAsync(workspace_slug, project_slug);
+ const response = await this.projectService.getProjectSettings(workspace_slug, project_slug);
if (response) {
const _project: IProject = { ...response?.project_details };
const _workspace: IWorkspace = { ...response?.workspace_detail };
- const _workspaceProjectSettings: IProjectSettings = {
- comments: response?.comments,
- reactions: response?.reactions,
- votes: response?.votes,
- views: { ...response?.views },
- };
+ const _viewOptions = { ...response?.views };
+ const _deploySettings = { ...response };
runInAction(() => {
this.project = _project;
this.workspace = _workspace;
- this.workspaceProjectSettings = _workspaceProjectSettings;
+ this.viewOptions = _viewOptions;
+ this.deploySettings = _deploySettings;
this.loader = false;
});
}
@@ -64,6 +79,10 @@ class ProjectStore implements IProjectStore {
return error;
}
};
+
+ setActiveBoard = (boardValue: string) => {
+ this.activeBoard = boardValue;
+ };
}
export default ProjectStore;
diff --git a/apps/space/store/root.ts b/space/store/root.ts
similarity index 57%
rename from apps/space/store/root.ts
rename to space/store/root.ts
index dd6d620c0..6b87020ef 100644
--- a/apps/space/store/root.ts
+++ b/space/store/root.ts
@@ -2,24 +2,22 @@
import { enableStaticRendering } from "mobx-react-lite";
// store imports
import UserStore from "./user";
-import ThemeStore from "./theme";
-import IssueStore from "./issue";
-import ProjectStore from "./project";
-// types
-import { IIssueStore, IProjectStore, IThemeStore, IUserStore } from "./types";
+import IssueStore, { IIssueStore } from "./issue";
+import ProjectStore, { IProjectStore } from "./project";
+import IssueDetailStore, { IIssueDetailStore } from "./issue_details";
enableStaticRendering(typeof window === "undefined");
export class RootStore {
- user: IUserStore;
- theme: IThemeStore;
+ user: UserStore;
issue: IIssueStore;
+ issueDetails: IIssueDetailStore;
project: IProjectStore;
constructor() {
this.user = new UserStore(this);
- this.theme = new ThemeStore(this);
this.issue = new IssueStore(this);
this.project = new ProjectStore(this);
+ this.issueDetails = new IssueDetailStore(this);
}
}
diff --git a/space/store/user.ts b/space/store/user.ts
new file mode 100644
index 000000000..3a76c2111
--- /dev/null
+++ b/space/store/user.ts
@@ -0,0 +1,88 @@
+// mobx
+import { observable, action, computed, makeObservable, runInAction } from "mobx";
+// service
+import UserService from "services/user.service";
+import { ActorDetail } from "types/issue";
+// types
+import { IUser } from "types/user";
+
+export interface IUserStore {
+ currentUser: any | null;
+ fetchCurrentUser: () => void;
+ currentActor: () => any;
+}
+
+class UserStore implements IUserStore {
+ currentUser: IUser | null = null;
+ // root store
+ rootStore;
+ // service
+ userService;
+
+ constructor(_rootStore: any) {
+ makeObservable(this, {
+ // observable
+ currentUser: observable.ref,
+ // actions
+ setCurrentUser: action,
+ // computed
+ currentActor: computed,
+ });
+ this.rootStore = _rootStore;
+ this.userService = new UserService();
+ }
+
+ setCurrentUser = (user: any) => {
+ runInAction(() => {
+ this.currentUser = { ...user };
+ });
+ };
+
+ get currentActor(): any {
+ return {
+ avatar: this.currentUser?.avatar,
+ display_name: this.currentUser?.display_name,
+ first_name: this.currentUser?.first_name,
+ id: this.currentUser?.id,
+ is_bot: false,
+ last_name: this.currentUser?.last_name,
+ };
+ }
+
+ /**
+ *
+ * @param callback
+ * @description A wrapper function to check user authentication; it redirects to the login page if not authenticated, otherwise, it executes a callback.
+ * @example this.requiredLogin(() => { // do something });
+ */
+
+ requiredLogin = (callback: () => void) => {
+ if (this.currentUser) {
+ callback();
+ return;
+ }
+
+ const currentPath = window.location.pathname + window.location.search;
+ this.fetchCurrentUser()
+ .then(() => {
+ if (!this.currentUser) window.location.href = `/?next_path=${currentPath}`;
+ else callback();
+ })
+ .catch(() => (window.location.href = `/?next_path=${currentPath}`));
+ };
+
+ fetchCurrentUser = async () => {
+ try {
+ const response = await this.userService.currentUser();
+ if (response) {
+ runInAction(() => {
+ this.currentUser = response;
+ });
+ }
+ } catch (error) {
+ console.error("Failed to fetch current user", error);
+ }
+ };
+}
+
+export default UserStore;
diff --git a/apps/app/styles/editor.css b/space/styles/editor.css
similarity index 100%
rename from apps/app/styles/editor.css
rename to space/styles/editor.css
diff --git a/space/styles/globals.css b/space/styles/globals.css
new file mode 100644
index 000000000..1782b9b81
--- /dev/null
+++ b/space/styles/globals.css
@@ -0,0 +1,234 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0&display=swap");
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ html {
+ font-family: "Inter", sans-serif;
+ }
+
+ :root {
+ color-scheme: light !important;
+
+ --color-primary-10: 236, 241, 255;
+ --color-primary-20: 217, 228, 255;
+ --color-primary-30: 197, 214, 255;
+ --color-primary-40: 178, 200, 255;
+ --color-primary-50: 159, 187, 255;
+ --color-primary-60: 140, 173, 255;
+ --color-primary-70: 121, 159, 255;
+ --color-primary-80: 101, 145, 255;
+ --color-primary-90: 82, 132, 255;
+ --color-primary-100: 63, 118, 255;
+ --color-primary-200: 57, 106, 230;
+ --color-primary-300: 50, 94, 204;
+ --color-primary-400: 44, 83, 179;
+ --color-primary-500: 38, 71, 153;
+ --color-primary-600: 32, 59, 128;
+ --color-primary-700: 25, 47, 102;
+ --color-primary-800: 19, 35, 76;
+ --color-primary-900: 13, 24, 51;
+
+ --color-background-100: 255, 255, 255; /* primary bg */
+ --color-background-90: 250, 250, 250; /* secondary bg */
+ --color-background-80: 245, 245, 245; /* tertiary bg */
+
+ --color-text-100: 23, 23, 23; /* primary text */
+ --color-text-200: 58, 58, 58; /* secondary text */
+ --color-text-300: 82, 82, 82; /* tertiary text */
+ --color-text-400: 163, 163, 163; /* placeholder text */
+
+ --color-border-100: 245, 245, 245; /* subtle border= 1 */
+ --color-border-200: 229, 229, 229; /* subtle border- 2 */
+ --color-border-300: 212, 212, 212; /* strong border- 1 */
+ --color-border-400: 185, 185, 185; /* strong border- 2 */
+
+ --color-shadow-2xs: 0px 0px 1px 0px rgba(23, 23, 23, 0.06), 0px 1px 2px 0px rgba(23, 23, 23, 0.06),
+ 0px 1px 2px 0px rgba(23, 23, 23, 0.14);
+ --color-shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(16, 24, 40, 0.12),
+ 0px 1px 8px -1px rgba(16, 24, 40, 0.1);
+ --color-shadow-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.01), 0px 4px 8px 0px rgba(0, 0, 0, 0.02),
+ 0px 1px 12px 0px rgba(0, 0, 0, 0.12);
+ --color-shadow-rg: 0px 3px 6px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(16, 24, 40, 0.08),
+ 0px 1px 12px 0px rgba(16, 24, 40, 0.04);
+ --color-shadow-md: 0px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 6px 12px 0px rgba(16, 24, 40, 0.12),
+ 0px 1px 16px 0px rgba(16, 24, 40, 0.12);
+ --color-shadow-lg: 0px 6px 12px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.12),
+ 0px 1px 24px 0px rgba(16, 24, 40, 0.12);
+ --color-shadow-xl: 0px 0px 18px 0px rgba(0, 0, 0, 0.16), 0px 0px 24px 0px rgba(16, 24, 40, 0.16),
+ 0px 0px 52px 0px rgba(16, 24, 40, 0.16);
+ --color-shadow-2xl: 0px 8px 16px 0px rgba(0, 0, 0, 0.12), 0px 12px 24px 0px rgba(16, 24, 40, 0.12),
+ 0px 1px 32px 0px rgba(16, 24, 40, 0.12);
+ --color-shadow-3xl: 0px 12px 24px 0px rgba(0, 0, 0, 0.12), 0px 16px 32px 0px rgba(0, 0, 0, 0.12),
+ 0px 1px 48px 0px rgba(16, 24, 40, 0.12);
+
+ --color-sidebar-background-100: var(--color-background-100); /* primary sidebar bg */
+ --color-sidebar-background-90: var(--color-background-90); /* secondary sidebar bg */
+ --color-sidebar-background-80: var(--color-background-80); /* tertiary sidebar bg */
+
+ --color-sidebar-text-100: var(--color-text-100); /* primary sidebar text */
+ --color-sidebar-text-200: var(--color-text-200); /* secondary sidebar text */
+ --color-sidebar-text-300: var(--color-text-300); /* tertiary sidebar text */
+ --color-sidebar-text-400: var(--color-text-400); /* sidebar placeholder text */
+
+ --color-sidebar-border-100: var(--color-border-100); /* subtle sidebar border= 1 */
+ --color-sidebar-border-200: var(--color-border-100); /* subtle sidebar border- 2 */
+ --color-sidebar-border-300: var(--color-border-100); /* strong sidebar border- 1 */
+ --color-sidebar-border-400: var(--color-border-100); /* strong sidebar border- 2 */
+
+ --color-sidebar-shadow-2xs: var(--color-shadow-2xs);
+ --color-sidebar-shadow-xs: var(--color-shadow-xs);
+ --color-sidebar-shadow-sm: var(--color-shadow-sm);
+ --color-sidebar-shadow-rg: var(--color-shadow-rg);
+ --color-sidebar-shadow-md: var(--color-shadow-md);
+ --color-sidebar-shadow-lg: var(--color-shadow-lg);
+ --color-sidebar-shadow-xl: var(--color-shadow-xl);
+ --color-sidebar-shadow-2xl: var(--color-shadow-2xl);
+ --color-sidebar-shadow-3xl: var(--color-shadow-3xl);
+ }
+
+ [data-theme="light"],
+ [data-theme="light-contrast"] {
+ color-scheme: light !important;
+
+ --color-background-100: 255, 255, 255; /* primary bg */
+ --color-background-90: 250, 250, 250; /* secondary bg */
+ --color-background-80: 245, 245, 245; /* tertiary bg */
+ }
+
+ [data-theme="light"] {
+ --color-text-100: 23, 23, 23; /* primary text */
+ --color-text-200: 58, 58, 58; /* secondary text */
+ --color-text-300: 82, 82, 82; /* tertiary text */
+ --color-text-400: 163, 163, 163; /* placeholder text */
+
+ --color-border-100: 245, 245, 245; /* subtle border= 1 */
+ --color-border-200: 229, 229, 229; /* subtle border- 2 */
+ --color-border-300: 212, 212, 212; /* strong border- 1 */
+ --color-border-400: 185, 185, 185; /* strong border- 2 */
+ }
+
+ [data-theme="light-contrast"] {
+ --color-text-100: 11, 11, 11; /* primary text */
+ --color-text-200: 38, 38, 38; /* secondary text */
+ --color-text-300: 58, 58, 58; /* tertiary text */
+ --color-text-400: 115, 115, 115; /* placeholder text */
+
+ --color-border-100: 34, 34, 34; /* subtle border= 1 */
+ --color-border-200: 38, 38, 38; /* subtle border- 2 */
+ --color-border-300: 46, 46, 46; /* strong border- 1 */
+ --color-border-400: 58, 58, 58; /* strong border- 2 */
+ }
+
+ [data-theme="dark"],
+ [data-theme="dark-contrast"] {
+ color-scheme: dark !important;
+
+ --color-background-100: 7, 7, 7; /* primary bg */
+ --color-background-90: 11, 11, 11; /* secondary bg */
+ --color-background-80: 23, 23, 23; /* tertiary bg */
+
+ --color-shadow-2xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
+ --color-shadow-xs: 0px 0px 2px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
+ --color-shadow-sm: 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
+ --color-shadow-rg: 0px 0px 6px 0px rgba(0, 0, 0, 0.2), 0px 4px 6px 0px rgba(0, 0, 0, 0.5);
+ --color-shadow-md: 0px 2px 8px 0px rgba(0, 0, 0, 0.2), 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
+ --color-shadow-lg: 0px 4px 12px 0px rgba(0, 0, 0, 0.25), 0px 4px 10px 0px rgba(0, 0, 0, 0.55);
+ --color-shadow-xl: 0px 0px 14px 0px rgba(0, 0, 0, 0.25), 0px 6px 10px 0px rgba(0, 0, 0, 0.55);
+ --color-shadow-2xl: 0px 0px 18px 0px rgba(0, 0, 0, 0.25), 0px 8px 12px 0px rgba(0, 0, 0, 0.6);
+ --color-shadow-3xl: 0px 4px 24px 0px rgba(0, 0, 0, 0.3), 0px 12px 40px 0px rgba(0, 0, 0, 0.65);
+ }
+
+ [data-theme="dark"] {
+ --color-text-100: 229, 229, 229; /* primary text */
+ --color-text-200: 163, 163, 163; /* secondary text */
+ --color-text-300: 115, 115, 115; /* tertiary text */
+ --color-text-400: 82, 82, 82; /* placeholder text */
+
+ --color-border-100: 34, 34, 34; /* subtle border= 1 */
+ --color-border-200: 38, 38, 38; /* subtle border- 2 */
+ --color-border-300: 46, 46, 46; /* strong border- 1 */
+ --color-border-400: 58, 58, 58; /* strong border- 2 */
+ }
+
+ [data-theme="dark-contrast"] {
+ --color-text-100: 250, 250, 250; /* primary text */
+ --color-text-200: 241, 241, 241; /* secondary text */
+ --color-text-300: 212, 212, 212; /* tertiary text */
+ --color-text-400: 115, 115, 115; /* placeholder text */
+
+ --color-border-100: 245, 245, 245; /* subtle border= 1 */
+ --color-border-200: 229, 229, 229; /* subtle border- 2 */
+ --color-border-300: 212, 212, 212; /* strong border- 1 */
+ --color-border-400: 185, 185, 185; /* strong border- 2 */
+ }
+
+ [data-theme="light"],
+ [data-theme="dark"],
+ [data-theme="light-contrast"],
+ [data-theme="dark-contrast"] {
+ --color-primary-10: 236, 241, 255;
+ --color-primary-20: 217, 228, 255;
+ --color-primary-30: 197, 214, 255;
+ --color-primary-40: 178, 200, 255;
+ --color-primary-50: 159, 187, 255;
+ --color-primary-60: 140, 173, 255;
+ --color-primary-70: 121, 159, 255;
+ --color-primary-80: 101, 145, 255;
+ --color-primary-90: 82, 132, 255;
+ --color-primary-100: 63, 118, 255;
+ --color-primary-200: 57, 106, 230;
+ --color-primary-300: 50, 94, 204;
+ --color-primary-400: 44, 83, 179;
+ --color-primary-500: 38, 71, 153;
+ --color-primary-600: 32, 59, 128;
+ --color-primary-700: 25, 47, 102;
+ --color-primary-800: 19, 35, 76;
+ --color-primary-900: 13, 24, 51;
+
+ --color-sidebar-background-100: var(--color-background-100); /* primary sidebar bg */
+ --color-sidebar-background-90: var(--color-background-90); /* secondary sidebar bg */
+ --color-sidebar-background-80: var(--color-background-80); /* tertiary sidebar bg */
+
+ --color-sidebar-text-100: var(--color-text-100); /* primary sidebar text */
+ --color-sidebar-text-200: var(--color-text-200); /* secondary sidebar text */
+ --color-sidebar-text-300: var(--color-text-300); /* tertiary sidebar text */
+ --color-sidebar-text-400: var(--color-text-400); /* sidebar placeholder text */
+
+ --color-sidebar-border-100: var(--color-border-100); /* subtle sidebar border= 1 */
+ --color-sidebar-border-200: var(--color-border-100); /* subtle sidebar border- 2 */
+ --color-sidebar-border-300: var(--color-border-100); /* strong sidebar border- 1 */
+ --color-sidebar-border-400: var(--color-border-100); /* strong sidebar border- 2 */
+ }
+}
+
+::-webkit-scrollbar {
+ width: 5px;
+ height: 5px;
+ border-radius: 5px;
+}
+
+::-webkit-scrollbar-track {
+ background-color: rgba(var(--color-background-100));
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 5px;
+ background-color: rgba(var(--color-background-80));
+}
+
+.hide-vertical-scrollbar::-webkit-scrollbar {
+ width: 0 !important;
+}
+
+.hide-horizontal-scrollbar::-webkit-scrollbar {
+ height: 0 !important;
+}
+
+.hide-both-scrollbars::-webkit-scrollbar {
+ height: 0 !important;
+ width: 0 !important;
+}
diff --git a/space/tailwind.config.js b/space/tailwind.config.js
new file mode 100644
index 000000000..0347ad9f9
--- /dev/null
+++ b/space/tailwind.config.js
@@ -0,0 +1,203 @@
+/** @type {import('tailwindcss').Config} */
+
+const convertToRGB = (variableName) => `rgba(var(${variableName}))`;
+
+module.exports = {
+ content: [
+ "./app/**/*.{js,ts,jsx,tsx}",
+ "./pages/**/*.{js,ts,jsx,tsx}",
+ "./layouts/**/*.tsx",
+ "./components/**/*.{js,ts,jsx,tsx}",
+ "./constants/**/*.{js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {
+ boxShadow: {
+ "custom-shadow-2xs": "var(--color-shadow-2xs)",
+ "custom-shadow-xs": "var(--color-shadow-xs)",
+ "custom-shadow-sm": "var(--color-shadow-sm)",
+ "custom-shadow-rg": "var(--color-shadow-rg)",
+ "custom-shadow-md": "var(--color-shadow-md)",
+ "custom-shadow-lg": "var(--color-shadow-lg)",
+ "custom-shadow-xl": "var(--color-shadow-xl)",
+ "custom-shadow-2xl": "var(--color-shadow-2xl)",
+ "custom-shadow-3xl": "var(--color-shadow-3xl)",
+ "custom-sidebar-shadow-2xs": "var(--color-sidebar-shadow-2xs)",
+ "custom-sidebar-shadow-xs": "var(--color-sidebar-shadow-xs)",
+ "custom-sidebar-shadow-sm": "var(--color-sidebar-shadow-sm)",
+ "custom-sidebar-shadow-rg": "var(--color-sidebar-shadow-rg)",
+ "custom-sidebar-shadow-md": "var(--color-sidebar-shadow-md)",
+ "custom-sidebar-shadow-lg": "var(--color-sidebar-shadow-lg)",
+ "custom-sidebar-shadow-xl": "var(--color-sidebar-shadow-xl)",
+ "custom-sidebar-shadow-2xl": "var(--color-sidebar-shadow-2xl)",
+ "custom-sidebar-shadow-3xl": "var(--color-sidebar-shadow-3xl)",
+ },
+ colors: {
+ custom: {
+ primary: {
+ 0: "rgb(255, 255, 255)",
+ 10: convertToRGB("--color-primary-10"),
+ 20: convertToRGB("--color-primary-20"),
+ 30: convertToRGB("--color-primary-30"),
+ 40: convertToRGB("--color-primary-40"),
+ 50: convertToRGB("--color-primary-50"),
+ 60: convertToRGB("--color-primary-60"),
+ 70: convertToRGB("--color-primary-70"),
+ 80: convertToRGB("--color-primary-80"),
+ 90: convertToRGB("--color-primary-90"),
+ 100: convertToRGB("--color-primary-100"),
+ 200: convertToRGB("--color-primary-200"),
+ 300: convertToRGB("--color-primary-300"),
+ 400: convertToRGB("--color-primary-400"),
+ 500: convertToRGB("--color-primary-500"),
+ 600: convertToRGB("--color-primary-600"),
+ 700: convertToRGB("--color-primary-700"),
+ 800: convertToRGB("--color-primary-800"),
+ 900: convertToRGB("--color-primary-900"),
+ 1000: "rgb(0, 0, 0)",
+ DEFAULT: convertToRGB("--color-primary-100"),
+ },
+ background: {
+ 0: "rgb(255, 255, 255)",
+ 10: convertToRGB("--color-background-10"),
+ 20: convertToRGB("--color-background-20"),
+ 30: convertToRGB("--color-background-30"),
+ 40: convertToRGB("--color-background-40"),
+ 50: convertToRGB("--color-background-50"),
+ 60: convertToRGB("--color-background-60"),
+ 70: convertToRGB("--color-background-70"),
+ 80: convertToRGB("--color-background-80"),
+ 90: convertToRGB("--color-background-90"),
+ 100: convertToRGB("--color-background-100"),
+ 200: convertToRGB("--color-background-200"),
+ 300: convertToRGB("--color-background-300"),
+ 400: convertToRGB("--color-background-400"),
+ 500: convertToRGB("--color-background-500"),
+ 600: convertToRGB("--color-background-600"),
+ 700: convertToRGB("--color-background-700"),
+ 800: convertToRGB("--color-background-800"),
+ 900: convertToRGB("--color-background-900"),
+ 1000: "rgb(0, 0, 0)",
+ DEFAULT: convertToRGB("--color-background-100"),
+ },
+ text: {
+ 0: "rgb(255, 255, 255)",
+ 10: convertToRGB("--color-text-10"),
+ 20: convertToRGB("--color-text-20"),
+ 30: convertToRGB("--color-text-30"),
+ 40: convertToRGB("--color-text-40"),
+ 50: convertToRGB("--color-text-50"),
+ 60: convertToRGB("--color-text-60"),
+ 70: convertToRGB("--color-text-70"),
+ 80: convertToRGB("--color-text-80"),
+ 90: convertToRGB("--color-text-90"),
+ 100: convertToRGB("--color-text-100"),
+ 200: convertToRGB("--color-text-200"),
+ 300: convertToRGB("--color-text-300"),
+ 400: convertToRGB("--color-text-400"),
+ 500: convertToRGB("--color-text-500"),
+ 600: convertToRGB("--color-text-600"),
+ 700: convertToRGB("--color-text-700"),
+ 800: convertToRGB("--color-text-800"),
+ 900: convertToRGB("--color-text-900"),
+ 1000: "rgb(0, 0, 0)",
+ DEFAULT: convertToRGB("--color-text-100"),
+ },
+ border: {
+ 0: "rgb(255, 255, 255)",
+ 100: convertToRGB("--color-border-100"),
+ 200: convertToRGB("--color-border-200"),
+ 300: convertToRGB("--color-border-300"),
+ 400: convertToRGB("--color-border-400"),
+ 1000: "rgb(0, 0, 0)",
+ DEFAULT: convertToRGB("--color-border-200"),
+ },
+ sidebar: {
+ background: {
+ 0: "rgb(255, 255, 255)",
+ 10: convertToRGB("--color-sidebar-background-10"),
+ 20: convertToRGB("--color-sidebar-background-20"),
+ 30: convertToRGB("--color-sidebar-background-30"),
+ 40: convertToRGB("--color-sidebar-background-40"),
+ 50: convertToRGB("--color-sidebar-background-50"),
+ 60: convertToRGB("--color-sidebar-background-60"),
+ 70: convertToRGB("--color-sidebar-background-70"),
+ 80: convertToRGB("--color-sidebar-background-80"),
+ 90: convertToRGB("--color-sidebar-background-90"),
+ 100: convertToRGB("--color-sidebar-background-100"),
+ 200: convertToRGB("--color-sidebar-background-200"),
+ 300: convertToRGB("--color-sidebar-background-300"),
+ 400: convertToRGB("--color-sidebar-background-400"),
+ 500: convertToRGB("--color-sidebar-background-500"),
+ 600: convertToRGB("--color-sidebar-background-600"),
+ 700: convertToRGB("--color-sidebar-background-700"),
+ 800: convertToRGB("--color-sidebar-background-800"),
+ 900: convertToRGB("--color-sidebar-background-900"),
+ 1000: "rgb(0, 0, 0)",
+ DEFAULT: convertToRGB("--color-sidebar-background-100"),
+ },
+ text: {
+ 0: "rgb(255, 255, 255)",
+ 10: convertToRGB("--color-sidebar-text-10"),
+ 20: convertToRGB("--color-sidebar-text-20"),
+ 30: convertToRGB("--color-sidebar-text-30"),
+ 40: convertToRGB("--color-sidebar-text-40"),
+ 50: convertToRGB("--color-sidebar-text-50"),
+ 60: convertToRGB("--color-sidebar-text-60"),
+ 70: convertToRGB("--color-sidebar-text-70"),
+ 80: convertToRGB("--color-sidebar-text-80"),
+ 90: convertToRGB("--color-sidebar-text-90"),
+ 100: convertToRGB("--color-sidebar-text-100"),
+ 200: convertToRGB("--color-sidebar-text-200"),
+ 300: convertToRGB("--color-sidebar-text-300"),
+ 400: convertToRGB("--color-sidebar-text-400"),
+ 500: convertToRGB("--color-sidebar-text-500"),
+ 600: convertToRGB("--color-sidebar-text-600"),
+ 700: convertToRGB("--color-sidebar-text-700"),
+ 800: convertToRGB("--color-sidebar-text-800"),
+ 900: convertToRGB("--color-sidebar-text-900"),
+ 1000: "rgb(0, 0, 0)",
+ DEFAULT: convertToRGB("--color-sidebar-text-100"),
+ },
+ border: {
+ 0: "rgb(255, 255, 255)",
+ 100: convertToRGB("--color-sidebar-border-100"),
+ 200: convertToRGB("--color-sidebar-border-200"),
+ 300: convertToRGB("--color-sidebar-border-300"),
+ 400: convertToRGB("--color-sidebar-border-400"),
+ 1000: "rgb(0, 0, 0)",
+ DEFAULT: convertToRGB("--color-sidebar-border-200"),
+ },
+ },
+ backdrop: "#131313",
+ },
+ },
+ typography: ({ theme }) => ({
+ brand: {
+ css: {
+ "--tw-prose-body": convertToRGB("--color-text-100"),
+ "--tw-prose-p": convertToRGB("--color-text-100"),
+ "--tw-prose-headings": convertToRGB("--color-text-100"),
+ "--tw-prose-lead": convertToRGB("--color-text-100"),
+ "--tw-prose-links": convertToRGB("--color-primary-100"),
+ "--tw-prose-bold": convertToRGB("--color-text-100"),
+ "--tw-prose-counters": convertToRGB("--color-text-100"),
+ "--tw-prose-bullets": convertToRGB("--color-text-100"),
+ "--tw-prose-hr": convertToRGB("--color-text-100"),
+ "--tw-prose-quotes": convertToRGB("--color-text-100"),
+ "--tw-prose-quote-borders": convertToRGB("--color-border"),
+ "--tw-prose-code": convertToRGB("--color-text-100"),
+ "--tw-prose-pre-code": convertToRGB("--color-text-100"),
+ "--tw-prose-pre-bg": convertToRGB("--color-background-100"),
+ "--tw-prose-th-borders": convertToRGB("--color-border"),
+ "--tw-prose-td-borders": convertToRGB("--color-border"),
+ },
+ },
+ }),
+ },
+ fontFamily: {
+ custom: ["Inter", "sans-serif"],
+ },
+ },
+ plugins: [require("@tailwindcss/typography")],
+};
diff --git a/apps/app/tsconfig.json b/space/tsconfig.json
similarity index 100%
rename from apps/app/tsconfig.json
rename to space/tsconfig.json
diff --git a/space/types/issue.ts b/space/types/issue.ts
new file mode 100644
index 000000000..206327fcd
--- /dev/null
+++ b/space/types/issue.ts
@@ -0,0 +1,168 @@
+export type TIssueBoardKeys = "list" | "kanban" | "calendar" | "spreadsheet" | "gantt";
+
+export interface IIssueBoardViews {
+ key: TIssueBoardKeys;
+ title: string;
+ icon: string;
+ className: string;
+}
+
+export type TIssuePriorityKey = "urgent" | "high" | "medium" | "low" | "none";
+export type TIssuePriorityTitle = "Urgent" | "High" | "Medium" | "Low" | "None";
+export interface IIssuePriorityFilters {
+ key: TIssuePriorityKey;
+ title: TIssuePriorityTitle;
+ className: string;
+ icon: string;
+}
+
+export type TIssueGroupKey = "backlog" | "unstarted" | "started" | "completed" | "cancelled";
+export type TIssueGroupTitle = "Backlog" | "Unstarted" | "Started" | "Completed" | "Cancelled";
+
+export interface IIssueGroup {
+ key: TIssueGroupKey;
+ title: TIssueGroupTitle;
+ color: string;
+ className: string;
+ icon: React.FC;
+}
+
+export interface IIssue {
+ id: string;
+ comments: Comment[];
+ description_html: string;
+ label_details: any;
+ name: string;
+ priority: TIssuePriorityKey | null;
+ project: string;
+ project_detail: any;
+ reactions: IIssueReaction[];
+ sequence_id: number;
+ start_date: any;
+ state: string;
+ state_detail: any;
+ target_date: any;
+ votes: IVote[];
+}
+
+export interface IIssueState {
+ id: string;
+ name: string;
+ group: TIssueGroupKey;
+ color: string;
+}
+
+export interface IIssueLabel {
+ id: string;
+ name: string;
+ color: string;
+}
+
+export interface IVote {
+ issue: string;
+ vote: -1 | 1;
+ workspace: string;
+ project: string;
+ actor: string;
+ actor_detail: ActorDetail;
+}
+
+export interface Comment {
+ actor_detail: ActorDetail;
+ access: string;
+ actor: string;
+ attachments: any[];
+ comment_html: string;
+ comment_reactions: {
+ actor_detail: ActorDetail;
+ comment: string;
+ id: string;
+ reaction: string;
+ }[];
+ comment_stripped: string;
+ created_at: Date;
+ created_by: string;
+ id: string;
+ is_member: boolean;
+ issue: string;
+ issue_detail: IssueDetail;
+ project: string;
+ project_detail: ProjectDetail;
+ updated_at: Date;
+ updated_by: string;
+ workspace: string;
+ workspace_detail: WorkspaceDetail;
+}
+
+export interface IIssueReaction {
+ actor_detail: ActorDetail;
+ id: string;
+ issue: string;
+ reaction: string;
+}
+
+export interface ActorDetail {
+ avatar?: string;
+ display_name?: string;
+ first_name?: string;
+ id?: string;
+ is_bot?: boolean;
+ last_name?: string;
+}
+
+export interface IssueDetail {
+ id: string;
+ name: string;
+ description: Description;
+ description_html: string;
+ priority: string;
+ start_date: null;
+ target_date: null;
+ sequence_id: number;
+ sort_order: number;
+}
+
+export interface Description {
+ type: string;
+ content: DescriptionContent[];
+}
+
+export interface DescriptionContent {
+ type: string;
+ attrs?: Attrs;
+ content: ContentContent[];
+}
+
+export interface Attrs {
+ level: number;
+}
+
+export interface ContentContent {
+ text: string;
+ type: string;
+}
+
+export interface ProjectDetail {
+ id: string;
+ identifier: string;
+ name: string;
+ cover_image: string;
+ icon_prop: null;
+ emoji: string;
+ description: string;
+}
+
+export interface WorkspaceDetail {
+ name: string;
+ slug: string;
+ id: string;
+}
+
+export interface IssueDetailType {
+ [issueId: string]: {
+ issue: IIssue;
+ comments: Comment[];
+ reactions: any[];
+ votes: any[];
+ };
+}
diff --git a/apps/space/store/types/project.ts b/space/types/project.ts
similarity index 64%
rename from apps/space/store/types/project.ts
rename to space/types/project.ts
index 41f4c2f44..e0e1bba9e 100644
--- a/apps/space/store/types/project.ts
+++ b/space/types/project.ts
@@ -27,14 +27,3 @@ export interface IProjectSettings {
spreadsheet: boolean;
};
}
-
-export interface IProjectStore {
- loader: boolean;
- error: any | null;
-
- workspace: IWorkspace | null;
- project: IProject | null;
- workspaceProjectSettings: IProjectSettings | null;
-
- getProjectSettingsAsync: (workspace_slug: string, project_slug: string) => Promise;
-}
diff --git a/apps/space/store/types/theme.ts b/space/types/theme.ts
similarity index 100%
rename from apps/space/store/types/theme.ts
rename to space/types/theme.ts
diff --git a/space/types/user.ts b/space/types/user.ts
new file mode 100644
index 000000000..8c6d5f681
--- /dev/null
+++ b/space/types/user.ts
@@ -0,0 +1,23 @@
+export interface IUser {
+ avatar: string;
+ cover_image: string | null;
+ created_at: Date;
+ created_location: string;
+ date_joined: Date;
+ email: string;
+ display_name: string;
+ first_name: string;
+ id: string;
+ is_email_verified: boolean;
+ is_onboarded: boolean;
+ is_tour_completed: boolean;
+ last_location: string;
+ last_login: Date;
+ last_name: string;
+ mobile_number: string;
+ role: string;
+ token: string;
+ updated_at: Date;
+ username: string;
+ user_timezone: string;
+}
diff --git a/turbo.json b/turbo.json
index 69da3c552..47b92f0db 100644
--- a/turbo.json
+++ b/turbo.json
@@ -24,7 +24,8 @@
"NEXT_PUBLIC_SLACK_CLIENT_SECRET",
"NEXT_PUBLIC_SUPABASE_URL",
"NEXT_PUBLIC_SUPABASE_ANON_KEY",
- "NEXT_PUBLIC_PLAUSIBLE_DOMAIN"
+ "NEXT_PUBLIC_PLAUSIBLE_DOMAIN",
+ "NEXT_PUBLIC_DEPLOY_WITH_NGINX"
],
"pipeline": {
"build": {
diff --git a/web/.env.example b/web/.env.example
new file mode 100644
index 000000000..50a6209b2
--- /dev/null
+++ b/web/.env.example
@@ -0,0 +1,26 @@
+# Base url for the API requests
+NEXT_PUBLIC_API_BASE_URL=""
+# Extra image domains that need to be added for Next Image
+NEXT_PUBLIC_EXTRA_IMAGE_DOMAINS=
+# Google Client ID for Google OAuth
+NEXT_PUBLIC_GOOGLE_CLIENTID=""
+# GitHub App ID for GitHub OAuth
+NEXT_PUBLIC_GITHUB_ID=""
+# GitHub App Name for GitHub Integration
+NEXT_PUBLIC_GITHUB_APP_NAME=""
+# Sentry DSN for error monitoring
+NEXT_PUBLIC_SENTRY_DSN=""
+# Enable/Disable OAUTH - default 0 for selfhosted instance
+NEXT_PUBLIC_ENABLE_OAUTH=0
+# Enable/Disable Sentry
+NEXT_PUBLIC_ENABLE_SENTRY=0
+# Enable/Disable session recording
+NEXT_PUBLIC_ENABLE_SESSION_RECORDER=0
+# Enable/Disable event tracking
+NEXT_PUBLIC_TRACK_EVENTS=0
+# Slack Client ID for Slack Integration
+NEXT_PUBLIC_SLACK_CLIENT_ID=""
+# For Telemetry, set it to "app.plane.so"
+NEXT_PUBLIC_PLAUSIBLE_DOMAIN=""
+# Public boards deploy URL
+NEXT_PUBLIC_DEPLOY_URL=""
\ No newline at end of file
diff --git a/web/.eslintrc.js b/web/.eslintrc.js
new file mode 100644
index 000000000..38e6a5f4c
--- /dev/null
+++ b/web/.eslintrc.js
@@ -0,0 +1,7 @@
+module.exports = {
+ root: true,
+ extends: ["custom"],
+ rules: {
+ "@next/next/no-img-element": "off",
+ },
+};
diff --git a/apps/app/.prettierrc b/web/.prettierrc
similarity index 100%
rename from apps/app/.prettierrc
rename to web/.prettierrc
diff --git a/apps/app/Dockerfile.dev b/web/Dockerfile.dev
similarity index 100%
rename from apps/app/Dockerfile.dev
rename to web/Dockerfile.dev
diff --git a/apps/space/Dockerfile.space b/web/Dockerfile.web
similarity index 69%
rename from apps/space/Dockerfile.space
rename to web/Dockerfile.web
index 0240ddbf7..40946fa2d 100644
--- a/apps/space/Dockerfile.space
+++ b/web/Dockerfile.web
@@ -7,7 +7,7 @@ ENV NEXT_PUBLIC_API_BASE_URL=http://NEXT_PUBLIC_API_BASE_URL_PLACEHOLDER
RUN yarn global add turbo
COPY . .
-RUN turbo prune --scope=space --docker
+RUN turbo prune --scope=web --docker
# Add lockfile and package.json's of isolated subworkspace
FROM node:18-alpine AS installer
@@ -15,6 +15,7 @@ FROM node:18-alpine AS installer
RUN apk add --no-cache libc6-compat
WORKDIR /app
ARG NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
+ARG NEXT_PUBLIC_DEPLOY_URL=http://localhost/spaces
# First install the dependencies (as they change less often)
COPY .gitignore .gitignore
@@ -29,12 +30,13 @@ COPY replace-env-vars.sh /usr/local/bin/
USER root
RUN chmod +x /usr/local/bin/replace-env-vars.sh
-RUN yarn turbo run build --filter=space
-
ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
- BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL
+ BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
+ NEXT_PUBLIC_DEPLOY_URL=$NEXT_PUBLIC_DEPLOY_URL
-RUN /usr/local/bin/replace-env-vars.sh http://NEXT_PUBLIC_WEBAPP_URL_PLACEHOLDER ${NEXT_PUBLIC_API_BASE_URL} space
+RUN yarn turbo run build --filter=web
+
+RUN /usr/local/bin/replace-env-vars.sh http://NEXT_PUBLIC_WEBAPP_URL_PLACEHOLDER ${NEXT_PUBLIC_API_BASE_URL} web
FROM node:18-alpine AS runner
WORKDIR /app
@@ -44,18 +46,21 @@ RUN addgroup --system --gid 1001 plane
RUN adduser --system --uid 1001 captain
USER captain
-COPY --from=installer /app/apps/space/next.config.js .
-COPY --from=installer /app/apps/space/package.json .
+COPY --from=installer /app/web/next.config.js .
+COPY --from=installer /app/web/package.json .
# Automatically leverage output traces to reduce image size
# https://nextjs.org/docs/advanced-features/output-file-tracing
-COPY --from=installer --chown=captain:plane /app/apps/space/.next/standalone ./
+COPY --from=installer --chown=captain:plane /app/web/.next/standalone ./
-COPY --from=installer --chown=captain:plane /app/apps/space/.next ./apps/space/.next
+COPY --from=installer --chown=captain:plane /app/web/.next ./web/.next
ARG NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
+ARG NEXT_PUBLIC_DEPLOY_URL=http://localhost/spaces
+
ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
- BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL
+ BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
+ NEXT_PUBLIC_DEPLOY_URL=$NEXT_PUBLIC_DEPLOY_URL
USER root
COPY replace-env-vars.sh /usr/local/bin/
diff --git a/apps/app/components/account/email-code-form.tsx b/web/components/account/email-code-form.tsx
similarity index 100%
rename from apps/app/components/account/email-code-form.tsx
rename to web/components/account/email-code-form.tsx
diff --git a/apps/app/components/account/email-password-form.tsx b/web/components/account/email-password-form.tsx
similarity index 100%
rename from apps/app/components/account/email-password-form.tsx
rename to web/components/account/email-password-form.tsx
diff --git a/apps/app/components/account/email-reset-password-form.tsx b/web/components/account/email-reset-password-form.tsx
similarity index 100%
rename from apps/app/components/account/email-reset-password-form.tsx
rename to web/components/account/email-reset-password-form.tsx
diff --git a/apps/app/components/account/github-login-button.tsx b/web/components/account/github-login-button.tsx
similarity index 100%
rename from apps/app/components/account/github-login-button.tsx
rename to web/components/account/github-login-button.tsx
diff --git a/apps/app/components/account/google-login.tsx b/web/components/account/google-login.tsx
similarity index 100%
rename from apps/app/components/account/google-login.tsx
rename to web/components/account/google-login.tsx
diff --git a/apps/app/components/account/index.ts b/web/components/account/index.ts
similarity index 100%
rename from apps/app/components/account/index.ts
rename to web/components/account/index.ts
diff --git a/apps/app/components/analytics/custom-analytics/create-update-analytics-modal.tsx b/web/components/analytics/custom-analytics/create-update-analytics-modal.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/create-update-analytics-modal.tsx
rename to web/components/analytics/custom-analytics/create-update-analytics-modal.tsx
diff --git a/apps/app/components/analytics/custom-analytics/custom-analytics.tsx b/web/components/analytics/custom-analytics/custom-analytics.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/custom-analytics.tsx
rename to web/components/analytics/custom-analytics/custom-analytics.tsx
diff --git a/apps/app/components/analytics/custom-analytics/graph/custom-tooltip.tsx b/web/components/analytics/custom-analytics/graph/custom-tooltip.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/graph/custom-tooltip.tsx
rename to web/components/analytics/custom-analytics/graph/custom-tooltip.tsx
diff --git a/apps/app/components/analytics/custom-analytics/graph/index.tsx b/web/components/analytics/custom-analytics/graph/index.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/graph/index.tsx
rename to web/components/analytics/custom-analytics/graph/index.tsx
diff --git a/apps/app/components/analytics/custom-analytics/index.ts b/web/components/analytics/custom-analytics/index.ts
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/index.ts
rename to web/components/analytics/custom-analytics/index.ts
diff --git a/apps/app/components/analytics/custom-analytics/select-bar.tsx b/web/components/analytics/custom-analytics/select-bar.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/select-bar.tsx
rename to web/components/analytics/custom-analytics/select-bar.tsx
diff --git a/apps/app/components/analytics/custom-analytics/sidebar.tsx b/web/components/analytics/custom-analytics/sidebar.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/sidebar.tsx
rename to web/components/analytics/custom-analytics/sidebar.tsx
diff --git a/apps/app/components/analytics/custom-analytics/table.tsx b/web/components/analytics/custom-analytics/table.tsx
similarity index 94%
rename from apps/app/components/analytics/custom-analytics/table.tsx
rename to web/components/analytics/custom-analytics/table.tsx
index 75d1d7d40..5993bb63c 100644
--- a/apps/app/components/analytics/custom-analytics/table.tsx
+++ b/web/components/analytics/custom-analytics/table.tsx
@@ -1,13 +1,13 @@
// nivo
import { BarDatum } from "@nivo/bar";
// icons
-import { getPriorityIcon } from "components/icons";
+import { PriorityIcon } from "components/icons";
// helpers
import { addSpaceIfCamelCase } from "helpers/string.helper";
// helpers
import { generateBarColor, renderMonthAndYear } from "helpers/analytics.helper";
// types
-import { IAnalyticsParams, IAnalyticsResponse } from "types";
+import { IAnalyticsParams, IAnalyticsResponse, TIssuePriorities } from "types";
// constants
import { ANALYTICS_X_AXIS_VALUES, ANALYTICS_Y_AXIS_VALUES, DATE_KEYS } from "constants/analytics";
@@ -53,7 +53,7 @@ export const AnalyticsTable: React.FC = ({ analytics, barGraphData, param
>
= ({ projectDetails, handleCha
query: state.name,
content: (
= ({ projectDetails, handleCha
label={
= (props) => {
position === "top" ? "-top-12" : "-bottom-12"
}`}
>
- = ({
maxDate?.setDate(maxDate.getDate());
const handleCopyLink = () => {
- const originURL =
- typeof window !== "undefined" && window.location.origin ? window.location.origin : "";
+ const urlToCopy = window.location.href;
- copyTextToClipboard(
- `${originURL}/${workspaceSlug}/projects/${issue.project}/issues/${issue.id}`
- ).then(() => {
+ copyTextToClipboard(urlToCopy).then(() => {
setToastAlert({
type: "success",
title: "Link copied!",
@@ -69,7 +66,10 @@ export const PeekOverviewIssueProperties: React.FC = ({
{mode === "full" && (
- {getStateGroupIcon(issue.state_detail.group, "16", "16", issue.state_detail.color)}
+
handleUpdateIssue({ assignees_list: val })}
disabled={readOnly}
/>
@@ -117,7 +117,7 @@ export const PeekOverviewIssueProperties: React.FC = ({
handleUpdateIssue({ priority: val })}
+ onChange={(val) => handleUpdateIssue({ priority: val })}
disabled={readOnly}
/>
@@ -128,23 +128,18 @@ export const PeekOverviewIssueProperties: React.FC = ({
Start date
{/*
{params.segment === "priority" ? (
- getPriorityIcon(key)
+ = ({ defaultAnalytics }) => (
className="absolute top-0 left-0 h-1 rounded duration-300"
style={{
width: `${percentage}%`,
- backgroundColor: STATE_GROUP_COLORS[group.state_group],
+ backgroundColor: STATE_GROUP_COLORS[group.state_group as TStateGroups],
}}
/>
diff --git a/apps/app/components/analytics/scope-and-demand/index.ts b/web/components/analytics/scope-and-demand/index.ts
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/index.ts
rename to web/components/analytics/scope-and-demand/index.ts
diff --git a/apps/app/components/analytics/scope-and-demand/leaderboard.tsx b/web/components/analytics/scope-and-demand/leaderboard.tsx
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/leaderboard.tsx
rename to web/components/analytics/scope-and-demand/leaderboard.tsx
diff --git a/apps/app/components/analytics/scope-and-demand/scope-and-demand.tsx b/web/components/analytics/scope-and-demand/scope-and-demand.tsx
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/scope-and-demand.tsx
rename to web/components/analytics/scope-and-demand/scope-and-demand.tsx
diff --git a/apps/app/components/analytics/scope-and-demand/scope.tsx b/web/components/analytics/scope-and-demand/scope.tsx
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/scope.tsx
rename to web/components/analytics/scope-and-demand/scope.tsx
diff --git a/apps/app/components/analytics/scope-and-demand/year-wise-issues.tsx b/web/components/analytics/scope-and-demand/year-wise-issues.tsx
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/year-wise-issues.tsx
rename to web/components/analytics/scope-and-demand/year-wise-issues.tsx
diff --git a/apps/app/components/analytics/select/index.ts b/web/components/analytics/select/index.ts
similarity index 100%
rename from apps/app/components/analytics/select/index.ts
rename to web/components/analytics/select/index.ts
diff --git a/apps/app/components/analytics/select/project.tsx b/web/components/analytics/select/project.tsx
similarity index 100%
rename from apps/app/components/analytics/select/project.tsx
rename to web/components/analytics/select/project.tsx
diff --git a/apps/app/components/analytics/select/segment.tsx b/web/components/analytics/select/segment.tsx
similarity index 100%
rename from apps/app/components/analytics/select/segment.tsx
rename to web/components/analytics/select/segment.tsx
diff --git a/apps/app/components/analytics/select/x-axis.tsx b/web/components/analytics/select/x-axis.tsx
similarity index 100%
rename from apps/app/components/analytics/select/x-axis.tsx
rename to web/components/analytics/select/x-axis.tsx
diff --git a/apps/app/components/analytics/select/y-axis.tsx b/web/components/analytics/select/y-axis.tsx
similarity index 100%
rename from apps/app/components/analytics/select/y-axis.tsx
rename to web/components/analytics/select/y-axis.tsx
diff --git a/apps/app/components/auth-screens/index.ts b/web/components/auth-screens/index.ts
similarity index 100%
rename from apps/app/components/auth-screens/index.ts
rename to web/components/auth-screens/index.ts
diff --git a/apps/app/components/auth-screens/not-authorized-view.tsx b/web/components/auth-screens/not-authorized-view.tsx
similarity index 100%
rename from apps/app/components/auth-screens/not-authorized-view.tsx
rename to web/components/auth-screens/not-authorized-view.tsx
diff --git a/apps/app/components/auth-screens/project/index.ts b/web/components/auth-screens/project/index.ts
similarity index 100%
rename from apps/app/components/auth-screens/project/index.ts
rename to web/components/auth-screens/project/index.ts
diff --git a/apps/app/components/auth-screens/project/join-project.tsx b/web/components/auth-screens/project/join-project.tsx
similarity index 100%
rename from apps/app/components/auth-screens/project/join-project.tsx
rename to web/components/auth-screens/project/join-project.tsx
diff --git a/apps/app/components/auth-screens/workspace/index.ts b/web/components/auth-screens/workspace/index.ts
similarity index 100%
rename from apps/app/components/auth-screens/workspace/index.ts
rename to web/components/auth-screens/workspace/index.ts
diff --git a/apps/app/components/auth-screens/workspace/not-a-member.tsx b/web/components/auth-screens/workspace/not-a-member.tsx
similarity index 100%
rename from apps/app/components/auth-screens/workspace/not-a-member.tsx
rename to web/components/auth-screens/workspace/not-a-member.tsx
diff --git a/apps/app/components/automation/auto-archive-automation.tsx b/web/components/automation/auto-archive-automation.tsx
similarity index 100%
rename from apps/app/components/automation/auto-archive-automation.tsx
rename to web/components/automation/auto-archive-automation.tsx
diff --git a/apps/app/components/automation/auto-close-automation.tsx b/web/components/automation/auto-close-automation.tsx
similarity index 89%
rename from apps/app/components/automation/auto-close-automation.tsx
rename to web/components/automation/auto-close-automation.tsx
index 3e71b8329..ad65714aa 100644
--- a/apps/app/components/automation/auto-close-automation.tsx
+++ b/web/components/automation/auto-close-automation.tsx
@@ -9,7 +9,7 @@ import { CustomSearchSelect, CustomSelect, ToggleSwitch } from "components/ui";
import { SelectMonthModal } from "components/automation";
// icons
import { ChevronDownIcon, Squares2X2Icon } from "@heroicons/react/24/outline";
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
// services
import stateService from "services/state.service";
// constants
@@ -46,7 +46,7 @@ export const AutoCloseAutomation: React.FC{group.state_group}
@@ -42,7 +42,7 @@ export const AnalyticsDemand: React.FC
- {getStateGroupIcon(state.group, "16", "16", state.color)}
+
),
@@ -140,14 +140,19 @@ export const AutoCloseAutomation: React.FC
{selectedOption ? (
- getStateGroupIcon(selectedOption.group, "16", "16", selectedOption.color)
+ >;
@@ -54,7 +56,7 @@ export const ChangeIssuePriority: React.FC = ({ setIsPaletteOpen, issue,
[workspaceSlug, issueId, projectId, user]
);
- const handleIssueState = (priority: string | null) => {
+ const handleIssueState = (priority: TIssuePriorities) => {
submitChanges({ priority });
setIsPaletteOpen(false);
};
@@ -68,7 +70,7 @@ export const ChangeIssuePriority: React.FC = ({ setIsPaletteOpen, issue,
className="focus:outline-none"
>
>;
@@ -82,7 +84,12 @@ export const ChangeIssueState: React.FC = ({ setIsPaletteOpen, issue, use
className="focus:outline-none"
>
= ({ title, field, isOpen, handleClose }) => {
- const { filters, setFilters } = useIssuesView();
-
- const router = useRouter();
- const { viewId } = router.query;
-
+export const DateFilterModal: React.FC = ({
+ title,
+ field,
+ filters,
+ handleClose,
+ isOpen,
+ onSelect,
+}) => {
const { handleSubmit, watch, control } = useForm({
defaultValues,
});
@@ -53,10 +53,10 @@ export const DateFilterModal: React.FC = ({ title, field, isOpen, handleC
const { filterType, date1, date2 } = formData;
if (filterType === "range") {
- setFilters(
- { [field]: [`${renderDateFormat(date1)};after`, `${renderDateFormat(date2)};before`] },
- !Boolean(viewId)
- );
+ onSelect({
+ key: field,
+ value: [`${renderDateFormat(date1)};after`, `${renderDateFormat(date2)};before`],
+ });
} else {
const filteredArray = (filters?.[field] as string[])?.filter((item) => {
if (item?.includes(filterType)) return false;
@@ -66,17 +66,12 @@ export const DateFilterModal: React.FC = ({ title, field, isOpen, handleC
const filterOne = filteredArray && filteredArray?.length > 0 ? filteredArray[0] : null;
if (filterOne)
- setFilters(
- { [field]: [filterOne, `${renderDateFormat(date1)};${filterType}`] },
- !Boolean(viewId)
- );
+ onSelect({ key: field, value: [filterOne, `${renderDateFormat(date1)};${filterType}`] });
else
- setFilters(
- {
- [field]: [`${renderDateFormat(date1)};${filterType}`],
- },
- !Boolean(viewId)
- );
+ onSelect({
+ key: field,
+ value: [`${renderDateFormat(date1)};${filterType}`],
+ });
}
handleClose();
};
diff --git a/apps/app/components/core/filters/date-filter-select.tsx b/web/components/core/filters/date-filter-select.tsx
similarity index 100%
rename from apps/app/components/core/filters/date-filter-select.tsx
rename to web/components/core/filters/date-filter-select.tsx
diff --git a/apps/app/components/core/filters/filters-list.tsx b/web/components/core/filters/filters-list.tsx
similarity index 96%
rename from apps/app/components/core/filters/filters-list.tsx
rename to web/components/core/filters/filters-list.tsx
index 8192bdf7d..81a12bd86 100644
--- a/apps/app/components/core/filters/filters-list.tsx
+++ b/web/components/core/filters/filters-list.tsx
@@ -2,7 +2,7 @@ import React from "react";
// icons
import { XMarkIcon } from "@heroicons/react/24/outline";
-import { getPriorityIcon, getStateGroupIcon } from "components/icons";
+import { PriorityIcon, StateGroupIcon } from "components/icons";
// ui
import { Avatar } from "components/ui";
// helpers
@@ -71,12 +71,10 @@ export const FiltersList: React.FC = ({
}}
>
- {getStateGroupIcon(
- state?.group ?? "backlog",
- "12",
- "12",
- state?.color
- )}
+ = ({ label, value, onChange }) => {
+export const ImagePickerPopover: React.FC = ({
+ label,
+ value,
+ onChange,
+ disabled = false,
+}) => {
const ref = useRef(null);
const router = useRouter();
@@ -117,6 +123,7 @@ export const ImagePickerPopover: React.FC = ({ label, value, onChange })
setIsOpen((prev) => !prev)}
+ disabled={disabled}
>
{label}
diff --git a/apps/app/components/core/index.ts b/web/components/core/index.ts
similarity index 100%
rename from apps/app/components/core/index.ts
rename to web/components/core/index.ts
diff --git a/apps/app/components/core/modals/bulk-delete-issues-modal.tsx b/web/components/core/modals/bulk-delete-issues-modal.tsx
similarity index 100%
rename from apps/app/components/core/modals/bulk-delete-issues-modal.tsx
rename to web/components/core/modals/bulk-delete-issues-modal.tsx
diff --git a/apps/app/components/core/modals/existing-issues-list-modal.tsx b/web/components/core/modals/existing-issues-list-modal.tsx
similarity index 99%
rename from apps/app/components/core/modals/existing-issues-list-modal.tsx
rename to web/components/core/modals/existing-issues-list-modal.tsx
index 5a9f68d8b..ed3902a4a 100644
--- a/apps/app/components/core/modals/existing-issues-list-modal.tsx
+++ b/web/components/core/modals/existing-issues-list-modal.tsx
@@ -212,7 +212,7 @@ export const ExistingIssuesListModal: React.FC = ({
onClick={() => setIsWorkspaceLevel((prevData) => !prevData)}
className="flex-shrink-0"
>
- workspace level
+ Workspace Level
diff --git a/apps/app/components/core/modals/gpt-assistant-modal.tsx b/web/components/core/modals/gpt-assistant-modal.tsx
similarity index 100%
rename from apps/app/components/core/modals/gpt-assistant-modal.tsx
rename to web/components/core/modals/gpt-assistant-modal.tsx
diff --git a/apps/app/components/core/modals/image-upload-modal.tsx b/web/components/core/modals/image-upload-modal.tsx
similarity index 100%
rename from apps/app/components/core/modals/image-upload-modal.tsx
rename to web/components/core/modals/image-upload-modal.tsx
diff --git a/apps/app/components/core/modals/index.ts b/web/components/core/modals/index.ts
similarity index 100%
rename from apps/app/components/core/modals/index.ts
rename to web/components/core/modals/index.ts
diff --git a/apps/app/components/core/modals/link-modal.tsx b/web/components/core/modals/link-modal.tsx
similarity index 100%
rename from apps/app/components/core/modals/link-modal.tsx
rename to web/components/core/modals/link-modal.tsx
diff --git a/apps/app/components/core/reaction-selector.tsx b/web/components/core/reaction-selector.tsx
similarity index 97%
rename from apps/app/components/core/reaction-selector.tsx
rename to web/components/core/reaction-selector.tsx
index 06b410785..43d77de9e 100644
--- a/apps/app/components/core/reaction-selector.tsx
+++ b/web/components/core/reaction-selector.tsx
@@ -61,7 +61,7 @@ export const ReactionSelector: React.FC
- {getPriorityIcon(priority)}
+
{priority === issue.priority &&
diff --git a/apps/app/components/command-palette/issue/change-issue-state.tsx b/web/components/command-palette/issue/change-issue-state.tsx
similarity index 91%
rename from apps/app/components/command-palette/issue/change-issue-state.tsx
rename to web/components/command-palette/issue/change-issue-state.tsx
index 30e2cdb77..6bfc2874c 100644
--- a/apps/app/components/command-palette/issue/change-issue-state.tsx
+++ b/web/components/command-palette/issue/change-issue-state.tsx
@@ -1,22 +1,24 @@
-import { useRouter } from "next/router";
import React, { Dispatch, SetStateAction, useCallback } from "react";
+
+import { useRouter } from "next/router";
+
import useSWR, { mutate } from "swr";
// cmdk
import { Command } from "cmdk";
-// ui
-import { Spinner } from "components/ui";
-// helpers
-import { getStatesList } from "helpers/state.helper";
// services
import issuesService from "services/issues.service";
import stateService from "services/state.service";
+// ui
+import { Spinner } from "components/ui";
+// icons
+import { CheckIcon, StateGroupIcon } from "components/icons";
+// helpers
+import { getStatesList } from "helpers/state.helper";
// types
import { ICurrentUserResponse, IIssue } from "types";
// fetch keys
import { ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY, STATES_LIST } from "constants/fetch-keys";
-// icons
-import { CheckIcon, getStateGroupIcon } from "components/icons";
type Props = {
setIsPaletteOpen: Dispatch
- {getStateGroupIcon(state.group, "16", "16", state.color)}
+
{state.name}
{state.id === issue.state &&
diff --git a/apps/app/components/command-palette/issue/index.ts b/web/components/command-palette/issue/index.ts
similarity index 100%
rename from apps/app/components/command-palette/issue/index.ts
rename to web/components/command-palette/issue/index.ts
diff --git a/apps/app/components/command-palette/shortcuts-modal.tsx b/web/components/command-palette/shortcuts-modal.tsx
similarity index 99%
rename from apps/app/components/command-palette/shortcuts-modal.tsx
rename to web/components/command-palette/shortcuts-modal.tsx
index 86b4aeb46..82f9b398c 100644
--- a/apps/app/components/command-palette/shortcuts-modal.tsx
+++ b/web/components/command-palette/shortcuts-modal.tsx
@@ -22,8 +22,6 @@ const shortcuts = [
{ keys: "↓", description: "Move down" },
{ keys: "←", description: "Move left" },
{ keys: "→", description: "Move right" },
- { keys: "Enter", description: "Select" },
- { keys: "Esc", description: "Close" },
],
},
{
diff --git a/apps/app/components/core/activity.tsx b/web/components/core/activity.tsx
similarity index 96%
rename from apps/app/components/core/activity.tsx
rename to web/components/core/activity.tsx
index 1b9de8d25..c8f6377b7 100644
--- a/apps/app/components/core/activity.tsx
+++ b/web/components/core/activity.tsx
@@ -353,6 +353,28 @@ const activityDetails: {
.
);
+ else if (activity.verb === "updated")
+ return (
+ <>
+ updated the{" "}
+
+ link
+
+
= ({
/>
)}
{properties.labels && issue.labels.length > 0 && (
- = ({
// if the issue is moved to a different group, then we will change the group of the
// dragged item(or issue)
- if (selectedGroup === "priority") draggedItem.priority = destinationGroup;
+ if (selectedGroup === "priority")
+ draggedItem.priority = destinationGroup as TIssuePriorities;
else if (selectedGroup === "state") {
draggedItem.state = destinationGroup;
draggedItem.state_detail = states?.find((s) => s.id === destinationGroup) as IState;
diff --git a/apps/app/components/core/views/list-view/all-lists.tsx b/web/components/core/views/list-view/all-lists.tsx
similarity index 93%
rename from apps/app/components/core/views/list-view/all-lists.tsx
rename to web/components/core/views/list-view/all-lists.tsx
index 64cbebdcd..84ef02962 100644
--- a/apps/app/components/core/views/list-view/all-lists.tsx
+++ b/web/components/core/views/list-view/all-lists.tsx
@@ -11,6 +11,7 @@ type Props = {
openIssuesListModal?: (() => void) | null;
removeIssue: ((bridgeId: string, issueId: string) => void) | null;
disableUserActions: boolean;
+ disableAddIssueOption?: boolean;
user: ICurrentUserResponse | undefined;
userAuth: UserAuth;
viewProps: IIssueViewProps;
@@ -20,6 +21,7 @@ export const AllLists: React.FC = ({
addIssueToGroup,
handleIssueAction,
disableUserActions,
+ disableAddIssueOption = false,
openIssuesListModal,
removeIssue,
states,
@@ -49,6 +51,7 @@ export const AllLists: React.FC = ({
openIssuesListModal={openIssuesListModal}
removeIssue={removeIssue}
disableUserActions={disableUserActions}
+ disableAddIssueOption={disableAddIssueOption}
user={user}
userAuth={userAuth}
viewProps={viewProps}
diff --git a/apps/app/components/core/views/list-view/index.ts b/web/components/core/views/list-view/index.ts
similarity index 100%
rename from apps/app/components/core/views/list-view/index.ts
rename to web/components/core/views/list-view/index.ts
diff --git a/apps/app/components/core/views/list-view/single-issue.tsx b/web/components/core/views/list-view/single-issue.tsx
similarity index 94%
rename from apps/app/components/core/views/list-view/single-issue.tsx
rename to web/components/core/views/list-view/single-issue.tsx
index eafe74612..d89ef6927 100644
--- a/apps/app/components/core/views/list-view/single-issue.tsx
+++ b/web/components/core/views/list-view/single-issue.tsx
@@ -36,9 +36,21 @@ import { LayerDiagonalIcon } from "components/icons";
import { copyTextToClipboard } from "helpers/string.helper";
import { handleIssuesMutation } from "constants/issue";
// types
-import { ICurrentUserResponse, IIssue, IIssueViewProps, ISubIssueResponse, UserAuth } from "types";
+import {
+ ICurrentUserResponse,
+ IIssue,
+ IIssueViewProps,
+ ISubIssueResponse,
+ IUserProfileProjectSegregation,
+ UserAuth,
+} from "types";
// fetch-keys
-import { CYCLE_DETAILS, MODULE_DETAILS, SUB_ISSUES } from "constants/fetch-keys";
+import {
+ CYCLE_DETAILS,
+ MODULE_DETAILS,
+ SUB_ISSUES,
+ USER_PROFILE_PROJECT_SEGREGATION,
+} from "constants/fetch-keys";
type Props = {
type?: string;
@@ -74,7 +86,7 @@ export const SingleListIssue: React.FC = ({
const [contextMenuPosition, setContextMenuPosition] = useState(null);
const router = useRouter();
- const { workspaceSlug, projectId, cycleId, moduleId } = router.query;
+ const { workspaceSlug, projectId, cycleId, moduleId, userId } = router.query;
const isArchivedIssues = router.pathname.includes("archived-issues");
const { setToastAlert } = useToast();
@@ -126,6 +138,11 @@ export const SingleListIssue: React.FC = ({
.then(() => {
mutateIssues();
+ if (userId)
+ mutate(
+ USER_PROFILE_PROJECT_SEGREGATION(workspaceSlug.toString(), userId.toString())
+ );
+
if (cycleId) mutate(CYCLE_DETAILS(cycleId as string));
if (moduleId) mutate(MODULE_DETAILS(moduleId as string));
});
@@ -134,6 +151,7 @@ export const SingleListIssue: React.FC = ({
workspaceSlug,
cycleId,
moduleId,
+ userId,
groupTitle,
index,
selectedGroup,
@@ -261,7 +279,7 @@ export const SingleListIssue: React.FC = ({
isNotAllowed={isNotAllowed}
/>
)}
- {properties.labels && void) | null;
removeIssue: ((bridgeId: string, issueId: string) => void) | null;
disableUserActions: boolean;
+ disableAddIssueOption?: boolean;
user: ICurrentUserResponse | undefined;
userAuth: UserAuth;
viewProps: IIssueViewProps;
@@ -52,6 +57,7 @@ export const SingleList: React.FC = ({
openIssuesListModal,
removeIssue,
disableUserActions,
+ disableAddIssueOption = false,
user,
userAuth,
viewProps,
@@ -109,14 +115,27 @@ export const SingleList: React.FC = ({
switch (selectedGroup) {
case "state":
- icon =
- currentState && getStateGroupIcon(currentState.group, "16", "16", currentState.color);
+ icon = currentState && (
+ = ({
{isArchivedIssues ? (
""
) : type === "issue" ? (
-
+ !disableAddIssueOption && (
+
+ )
) : disableUserActions ? (
""
) : (
diff --git a/apps/app/components/core/views/spreadsheet-view/index.ts b/web/components/core/views/spreadsheet-view/index.ts
similarity index 100%
rename from apps/app/components/core/views/spreadsheet-view/index.ts
rename to web/components/core/views/spreadsheet-view/index.ts
diff --git a/apps/app/components/core/views/spreadsheet-view/single-issue.tsx b/web/components/core/views/spreadsheet-view/single-issue.tsx
similarity index 99%
rename from apps/app/components/core/views/spreadsheet-view/single-issue.tsx
rename to web/components/core/views/spreadsheet-view/single-issue.tsx
index 53869a638..731d7f921 100644
--- a/apps/app/components/core/views/spreadsheet-view/single-issue.tsx
+++ b/web/components/core/views/spreadsheet-view/single-issue.tsx
@@ -323,7 +323,7 @@ export const SingleSpreadsheetIssue: React.FC = ({
)}
{properties.labels && (
-
diff --git a/apps/app/components/issues/peek-overview/issue-details.tsx b/web/components/issues/peek-overview/issue-details.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/issue-details.tsx
rename to web/components/issues/peek-overview/issue-details.tsx
diff --git a/apps/app/components/issues/peek-overview/issue-properties.tsx b/web/components/issues/peek-overview/issue-properties.tsx
similarity index 76%
rename from apps/app/components/issues/peek-overview/issue-properties.tsx
rename to web/components/issues/peek-overview/issue-properties.tsx
index 2c8b4d572..d001634fc 100644
--- a/apps/app/components/issues/peek-overview/issue-properties.tsx
+++ b/web/components/issues/peek-overview/issue-properties.tsx
@@ -2,7 +2,7 @@
import { observer } from "mobx-react-lite";
// headless ui
import { Disclosure } from "@headlessui/react";
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
// hooks
import useToast from "hooks/use-toast";
import useUser from "hooks/use-user";
@@ -19,7 +19,7 @@ import { CustomDatePicker, Icon } from "components/ui";
// helpers
import { copyTextToClipboard } from "helpers/string.helper";
// types
-import { IIssue } from "types";
+import { IIssue, TIssuePriorities } from "types";
type Props = {
handleDeleteIssue: () => void;
@@ -50,12 +50,9 @@ export const PeekOverviewIssueProperties: React.FC
{reactionEmojis.map((emoji) => (
diff --git a/apps/app/components/core/views/board-view/single-issue.tsx b/web/components/core/views/board-view/single-issue.tsx
similarity index 99%
rename from apps/app/components/core/views/board-view/single-issue.tsx
rename to web/components/core/views/board-view/single-issue.tsx
index b676e809c..455ba48e6 100644
--- a/apps/app/components/core/views/board-view/single-issue.tsx
+++ b/web/components/core/views/board-view/single-issue.tsx
@@ -350,7 +350,7 @@ export const SingleBoardIssue: React.FC
-
)}
diff --git a/apps/app/components/core/views/spreadsheet-view/spreadsheet-columns.tsx b/web/components/core/views/spreadsheet-view/spreadsheet-columns.tsx
similarity index 100%
rename from apps/app/components/core/views/spreadsheet-view/spreadsheet-columns.tsx
rename to web/components/core/views/spreadsheet-view/spreadsheet-columns.tsx
diff --git a/apps/app/components/core/views/spreadsheet-view/spreadsheet-issues.tsx b/web/components/core/views/spreadsheet-view/spreadsheet-issues.tsx
similarity index 100%
rename from apps/app/components/core/views/spreadsheet-view/spreadsheet-issues.tsx
rename to web/components/core/views/spreadsheet-view/spreadsheet-issues.tsx
diff --git a/apps/app/components/core/views/spreadsheet-view/spreadsheet-view.tsx b/web/components/core/views/spreadsheet-view/spreadsheet-view.tsx
similarity index 100%
rename from apps/app/components/core/views/spreadsheet-view/spreadsheet-view.tsx
rename to web/components/core/views/spreadsheet-view/spreadsheet-view.tsx
diff --git a/apps/app/components/cycles/active-cycle-details.tsx b/web/components/cycles/active-cycle-details.tsx
similarity index 93%
rename from apps/app/components/cycles/active-cycle-details.tsx
rename to web/components/cycles/active-cycle-details.tsx
index bec200bd9..062dd57e7 100644
--- a/apps/app/components/cycles/active-cycle-details.tsx
+++ b/web/components/cycles/active-cycle-details.tsx
@@ -19,7 +19,7 @@ import { ActiveCycleProgressStats } from "components/cycles";
// icons
import { CalendarDaysIcon } from "@heroicons/react/20/solid";
-import { getPriorityIcon } from "components/icons/priority-icon";
+import { PriorityIcon } from "components/icons/priority-icon";
import {
TargetIcon,
ContrastIcon,
@@ -28,9 +28,11 @@ import {
TriangleExclamationIcon,
AlarmClockIcon,
LayerDiagonalIcon,
- CompletedStateIcon,
+ StateGroupIcon,
} from "components/icons";
import { StarIcon } from "@heroicons/react/24/outline";
+// components
+import { ViewIssueLabel } from "components/issues";
// helpers
import {
getDateRangeStatus,
@@ -383,8 +385,8 @@ export const ActiveCycleDetails: React.FC = () => {
-
@@ -441,7 +443,10 @@ export const ActiveCycleDetails: React.FC = () => {
issues.map((issue) => (
+
+ router.push(`/${workspaceSlug}/projects/${projectId}/issues/${issue.id}`)
+ }
+ className="flex flex-wrap cursor-pointer rounded-md items-center justify-between gap-2 border border-custom-border-200 bg-custom-background-90 px-3 py-1.5"
>
= ({ workspaceSlug, issu
const { setToastAlert } = useToast();
const { user } = useUser();
+ const { projectDetails } = useProjectDetails();
const { data: issueActivity, mutate: mutateIssueActivity } = useSWR(
workspaceSlug && issue ? PROJECT_ISSUES_ACTIVITY(issue.id) : null,
@@ -30,18 +32,11 @@ export const PeekOverviewIssueActivity: React.FC = ({ workspaceSlug, issu
: null
);
- const handleCommentUpdate = async (comment: IIssueComment) => {
+ const handleCommentUpdate = async (commentId: string, data: Partial) => {
if (!workspaceSlug || !issue) return;
await issuesService
- .patchIssueComment(
- workspaceSlug as string,
- issue.project,
- issue.id,
- comment.id,
- comment,
- user
- )
+ .patchIssueComment(workspaceSlug as string, issue.project, issue.id, commentId, data, user)
.then(() => mutateIssueActivity());
};
@@ -80,9 +75,13 @@ export const PeekOverviewIssueActivity: React.FC = ({ workspaceSlug, issu
activity={issueActivity}
handleCommentUpdate={handleCommentUpdate}
handleCommentDelete={handleCommentDelete}
+ showAccessSpecifier={projectDetails && projectDetails.is_deployed}
/>
@@ -472,29 +477,9 @@ export const ActiveCycleDetails: React.FC = () => {
: "border-orange-500/20 bg-orange-500/20 text-orange-500"
}`}
>
- {getPriorityIcon(issue.priority, "text-sm")}
+
- {issue.label_details.length > 0 ? (
-
- {issue.label_details.map((label) => (
-
-
- {label.name}
-
- ))}
-
- ) : (
- ""
- )}
+
{issue.assignees &&
issue.assignees.length > 0 &&
diff --git a/apps/app/components/cycles/active-cycle-stats.tsx b/web/components/cycles/active-cycle-stats.tsx
similarity index 100%
rename from apps/app/components/cycles/active-cycle-stats.tsx
rename to web/components/cycles/active-cycle-stats.tsx
diff --git a/apps/app/components/cycles/cycles-list/all-cycles-list.tsx b/web/components/cycles/cycles-list/all-cycles-list.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-list/all-cycles-list.tsx
rename to web/components/cycles/cycles-list/all-cycles-list.tsx
diff --git a/apps/app/components/cycles/cycles-list/completed-cycles-list.tsx b/web/components/cycles/cycles-list/completed-cycles-list.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-list/completed-cycles-list.tsx
rename to web/components/cycles/cycles-list/completed-cycles-list.tsx
diff --git a/apps/app/components/cycles/cycles-list/draft-cycles-list.tsx b/web/components/cycles/cycles-list/draft-cycles-list.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-list/draft-cycles-list.tsx
rename to web/components/cycles/cycles-list/draft-cycles-list.tsx
diff --git a/apps/app/components/cycles/cycles-list/index.ts b/web/components/cycles/cycles-list/index.ts
similarity index 100%
rename from apps/app/components/cycles/cycles-list/index.ts
rename to web/components/cycles/cycles-list/index.ts
diff --git a/apps/app/components/cycles/cycles-list/upcoming-cycles-list.tsx b/web/components/cycles/cycles-list/upcoming-cycles-list.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-list/upcoming-cycles-list.tsx
rename to web/components/cycles/cycles-list/upcoming-cycles-list.tsx
diff --git a/apps/app/components/cycles/cycles-view.tsx b/web/components/cycles/cycles-view.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-view.tsx
rename to web/components/cycles/cycles-view.tsx
diff --git a/apps/app/components/cycles/delete-cycle-modal.tsx b/web/components/cycles/delete-cycle-modal.tsx
similarity index 100%
rename from apps/app/components/cycles/delete-cycle-modal.tsx
rename to web/components/cycles/delete-cycle-modal.tsx
diff --git a/apps/app/components/cycles/form.tsx b/web/components/cycles/form.tsx
similarity index 100%
rename from apps/app/components/cycles/form.tsx
rename to web/components/cycles/form.tsx
diff --git a/apps/app/components/cycles/gantt-chart/blocks.tsx b/web/components/cycles/gantt-chart/blocks.tsx
similarity index 100%
rename from apps/app/components/cycles/gantt-chart/blocks.tsx
rename to web/components/cycles/gantt-chart/blocks.tsx
diff --git a/apps/app/components/cycles/gantt-chart/cycle-issues-layout.tsx b/web/components/cycles/gantt-chart/cycle-issues-layout.tsx
similarity index 78%
rename from apps/app/components/cycles/gantt-chart/cycle-issues-layout.tsx
rename to web/components/cycles/gantt-chart/cycle-issues-layout.tsx
index 7741432ce..c18bc9346 100644
--- a/apps/app/components/cycles/gantt-chart/cycle-issues-layout.tsx
+++ b/web/components/cycles/gantt-chart/cycle-issues-layout.tsx
@@ -5,6 +5,7 @@ import useIssuesView from "hooks/use-issues-view";
import useUser from "hooks/use-user";
import useGanttChartCycleIssues from "hooks/gantt-chart/cycle-issues-view";
import { updateGanttIssue } from "components/gantt-chart/hooks/block-update";
+import useProjectDetails from "hooks/use-project-details";
// components
import { GanttChartRoot, renderIssueBlocksStructure } from "components/gantt-chart";
import { IssueGanttBlock, IssueGanttSidebarBlock } from "components/issues";
@@ -18,6 +19,7 @@ export const CycleIssuesGanttChartView = () => {
const { orderBy } = useIssuesView();
const { user } = useUser();
+ const { projectDetails } = useProjectDetails();
const { ganttIssues, mutateGanttIssues } = useGanttChartCycleIssues(
workspaceSlug as string,
@@ -25,6 +27,8 @@ export const CycleIssuesGanttChartView = () => {
cycleId as string
);
+ const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
return (
{
}
SidebarBlockRender={IssueGanttSidebarBlock}
BlockRender={IssueGanttBlock}
- enableReorder={orderBy === "sort_order"}
+ enableBlockLeftResize={isAllowed}
+ enableBlockRightResize={isAllowed}
+ enableBlockMove={isAllowed}
+ enableReorder={orderBy === "sort_order" && isAllowed}
bottomSpacing
/>
diff --git a/apps/app/components/cycles/gantt-chart/cycles-list-layout.tsx b/web/components/cycles/gantt-chart/cycles-list-layout.tsx
similarity index 87%
rename from apps/app/components/cycles/gantt-chart/cycles-list-layout.tsx
rename to web/components/cycles/gantt-chart/cycles-list-layout.tsx
index a5b576bca..41e7a5444 100644
--- a/apps/app/components/cycles/gantt-chart/cycles-list-layout.tsx
+++ b/web/components/cycles/gantt-chart/cycles-list-layout.tsx
@@ -8,6 +8,7 @@ import { KeyedMutator } from "swr";
import cyclesService from "services/cycles.service";
// hooks
import useUser from "hooks/use-user";
+import useProjectDetails from "hooks/use-project-details";
// components
import { GanttChartRoot, IBlockUpdateData } from "components/gantt-chart";
import { CycleGanttBlock, CycleGanttSidebarBlock } from "components/cycles";
@@ -24,6 +25,7 @@ export const CyclesListGanttChartView: FC = ({ cycles, mutateCycles }) =>
const { workspaceSlug } = router.query;
const { user } = useUser();
+ const { projectDetails } = useProjectDetails();
const handleCycleUpdate = (cycle: ICycle, payload: IBlockUpdateData) => {
if (!workspaceSlug || !user) return;
@@ -61,7 +63,9 @@ export const CyclesListGanttChartView: FC = ({ cycles, mutateCycles }) =>
const blockFormat = (blocks: ICycle[]) =>
blocks && blocks.length > 0
? blocks
- .filter((b) => b.start_date && b.end_date)
+ .filter(
+ (b) => b.start_date && b.end_date && new Date(b.start_date) <= new Date(b.end_date)
+ )
.map((block) => ({
data: block,
id: block.id,
@@ -71,6 +75,8 @@ export const CyclesListGanttChartView: FC = ({ cycles, mutateCycles }) =>
}))
: [];
+ const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
return (
= ({ cycles, mutateCycles }) =>
enableBlockLeftResize={false}
enableBlockRightResize={false}
enableBlockMove={false}
+ enableReorder={isAllowed}
/>
);
diff --git a/apps/app/components/cycles/gantt-chart/index.ts b/web/components/cycles/gantt-chart/index.ts
similarity index 100%
rename from apps/app/components/cycles/gantt-chart/index.ts
rename to web/components/cycles/gantt-chart/index.ts
diff --git a/apps/app/components/cycles/index.ts b/web/components/cycles/index.ts
similarity index 100%
rename from apps/app/components/cycles/index.ts
rename to web/components/cycles/index.ts
diff --git a/apps/app/components/cycles/modal.tsx b/web/components/cycles/modal.tsx
similarity index 100%
rename from apps/app/components/cycles/modal.tsx
rename to web/components/cycles/modal.tsx
diff --git a/apps/app/components/cycles/select.tsx b/web/components/cycles/select.tsx
similarity index 100%
rename from apps/app/components/cycles/select.tsx
rename to web/components/cycles/select.tsx
diff --git a/apps/app/components/cycles/sidebar.tsx b/web/components/cycles/sidebar.tsx
similarity index 100%
rename from apps/app/components/cycles/sidebar.tsx
rename to web/components/cycles/sidebar.tsx
diff --git a/apps/app/components/cycles/single-cycle-card.tsx b/web/components/cycles/single-cycle-card.tsx
similarity index 100%
rename from apps/app/components/cycles/single-cycle-card.tsx
rename to web/components/cycles/single-cycle-card.tsx
diff --git a/apps/app/components/cycles/single-cycle-list.tsx b/web/components/cycles/single-cycle-list.tsx
similarity index 100%
rename from apps/app/components/cycles/single-cycle-list.tsx
rename to web/components/cycles/single-cycle-list.tsx
diff --git a/apps/app/components/cycles/transfer-issues-modal.tsx b/web/components/cycles/transfer-issues-modal.tsx
similarity index 100%
rename from apps/app/components/cycles/transfer-issues-modal.tsx
rename to web/components/cycles/transfer-issues-modal.tsx
diff --git a/apps/app/components/cycles/transfer-issues.tsx b/web/components/cycles/transfer-issues.tsx
similarity index 100%
rename from apps/app/components/cycles/transfer-issues.tsx
rename to web/components/cycles/transfer-issues.tsx
diff --git a/apps/app/components/dnd/StrictModeDroppable.tsx b/web/components/dnd/StrictModeDroppable.tsx
similarity index 100%
rename from apps/app/components/dnd/StrictModeDroppable.tsx
rename to web/components/dnd/StrictModeDroppable.tsx
diff --git a/apps/app/components/emoji-icon-picker/emojis.json b/web/components/emoji-icon-picker/emojis.json
similarity index 100%
rename from apps/app/components/emoji-icon-picker/emojis.json
rename to web/components/emoji-icon-picker/emojis.json
diff --git a/apps/app/components/emoji-icon-picker/helpers.ts b/web/components/emoji-icon-picker/helpers.ts
similarity index 100%
rename from apps/app/components/emoji-icon-picker/helpers.ts
rename to web/components/emoji-icon-picker/helpers.ts
diff --git a/apps/app/components/emoji-icon-picker/icons.json b/web/components/emoji-icon-picker/icons.json
similarity index 100%
rename from apps/app/components/emoji-icon-picker/icons.json
rename to web/components/emoji-icon-picker/icons.json
diff --git a/apps/app/components/emoji-icon-picker/index.tsx b/web/components/emoji-icon-picker/index.tsx
similarity index 96%
rename from apps/app/components/emoji-icon-picker/index.tsx
rename to web/components/emoji-icon-picker/index.tsx
index ffe8b33d6..7af3bb74f 100644
--- a/apps/app/components/emoji-icon-picker/index.tsx
+++ b/web/components/emoji-icon-picker/index.tsx
@@ -23,7 +23,13 @@ const tabOptions = [
},
];
-const EmojiIconPicker: React.FC = ({ label, value, onChange, onIconColorChange }) => {
+const EmojiIconPicker: React.FC = ({
+ label,
+ value,
+ onChange,
+ onIconColorChange,
+ disabled = false,
+}) => {
const [isOpen, setIsOpen] = useState(false);
const [openColorPicker, setOpenColorPicker] = useState(false);
const [activeColor, setActiveColor] = useState("rgb(var(--color-text-200))");
@@ -40,7 +46,11 @@ const EmojiIconPicker: React.FC = ({ label, value, onChange, onIconColorC
return (
- setIsOpen((prev) => !prev)} className="outline-none">
+ setIsOpen((prev) => !prev)}
+ className="outline-none"
+ disabled={disabled}
+ >
{label}
void;
onIconColorChange?: (data: any) => void;
+ disabled?: boolean;
};
diff --git a/apps/app/components/estimates/create-update-estimate-modal.tsx b/web/components/estimates/create-update-estimate-modal.tsx
similarity index 100%
rename from apps/app/components/estimates/create-update-estimate-modal.tsx
rename to web/components/estimates/create-update-estimate-modal.tsx
diff --git a/apps/app/components/estimates/delete-estimate-modal.tsx b/web/components/estimates/delete-estimate-modal.tsx
similarity index 100%
rename from apps/app/components/estimates/delete-estimate-modal.tsx
rename to web/components/estimates/delete-estimate-modal.tsx
diff --git a/apps/app/components/estimates/index.tsx b/web/components/estimates/index.tsx
similarity index 100%
rename from apps/app/components/estimates/index.tsx
rename to web/components/estimates/index.tsx
diff --git a/apps/app/components/estimates/single-estimate.tsx b/web/components/estimates/single-estimate.tsx
similarity index 100%
rename from apps/app/components/estimates/single-estimate.tsx
rename to web/components/estimates/single-estimate.tsx
diff --git a/apps/app/components/exporter/export-modal.tsx b/web/components/exporter/export-modal.tsx
similarity index 100%
rename from apps/app/components/exporter/export-modal.tsx
rename to web/components/exporter/export-modal.tsx
diff --git a/apps/app/components/exporter/guide.tsx b/web/components/exporter/guide.tsx
similarity index 98%
rename from apps/app/components/exporter/guide.tsx
rename to web/components/exporter/guide.tsx
index dd6fab9dc..67b7c6d4d 100644
--- a/apps/app/components/exporter/guide.tsx
+++ b/web/components/exporter/guide.tsx
@@ -41,7 +41,7 @@ const IntegrationGuide = () => {
);
const handleCsvClose = () => {
- router.replace(`/plane/settings/exports`);
+ router.replace(`/${workspaceSlug?.toString()}/settings/exports`);
};
return (
diff --git a/apps/app/components/exporter/index.tsx b/web/components/exporter/index.tsx
similarity index 100%
rename from apps/app/components/exporter/index.tsx
rename to web/components/exporter/index.tsx
diff --git a/apps/app/components/exporter/single-export.tsx b/web/components/exporter/single-export.tsx
similarity index 100%
rename from apps/app/components/exporter/single-export.tsx
rename to web/components/exporter/single-export.tsx
diff --git a/apps/app/components/gantt-chart/blocks/blocks-display.tsx b/web/components/gantt-chart/blocks/blocks-display.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/blocks/blocks-display.tsx
rename to web/components/gantt-chart/blocks/blocks-display.tsx
diff --git a/apps/app/components/gantt-chart/blocks/index.ts b/web/components/gantt-chart/blocks/index.ts
similarity index 100%
rename from apps/app/components/gantt-chart/blocks/index.ts
rename to web/components/gantt-chart/blocks/index.ts
diff --git a/apps/app/components/gantt-chart/chart/bi-week.tsx b/web/components/gantt-chart/chart/bi-week.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/bi-week.tsx
rename to web/components/gantt-chart/chart/bi-week.tsx
diff --git a/apps/app/components/gantt-chart/chart/day.tsx b/web/components/gantt-chart/chart/day.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/day.tsx
rename to web/components/gantt-chart/chart/day.tsx
diff --git a/apps/app/components/gantt-chart/chart/hours.tsx b/web/components/gantt-chart/chart/hours.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/hours.tsx
rename to web/components/gantt-chart/chart/hours.tsx
diff --git a/apps/app/components/gantt-chart/chart/index.tsx b/web/components/gantt-chart/chart/index.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/index.tsx
rename to web/components/gantt-chart/chart/index.tsx
diff --git a/apps/app/components/gantt-chart/chart/month.tsx b/web/components/gantt-chart/chart/month.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/month.tsx
rename to web/components/gantt-chart/chart/month.tsx
diff --git a/apps/app/components/gantt-chart/chart/quarter.tsx b/web/components/gantt-chart/chart/quarter.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/quarter.tsx
rename to web/components/gantt-chart/chart/quarter.tsx
diff --git a/apps/app/components/gantt-chart/chart/week.tsx b/web/components/gantt-chart/chart/week.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/week.tsx
rename to web/components/gantt-chart/chart/week.tsx
diff --git a/apps/app/components/gantt-chart/chart/year.tsx b/web/components/gantt-chart/chart/year.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/year.tsx
rename to web/components/gantt-chart/chart/year.tsx
diff --git a/apps/app/components/gantt-chart/contexts/index.tsx b/web/components/gantt-chart/contexts/index.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/contexts/index.tsx
rename to web/components/gantt-chart/contexts/index.tsx
diff --git a/apps/app/components/gantt-chart/data/index.ts b/web/components/gantt-chart/data/index.ts
similarity index 100%
rename from apps/app/components/gantt-chart/data/index.ts
rename to web/components/gantt-chart/data/index.ts
diff --git a/web/components/gantt-chart/helpers/block-structure.tsx b/web/components/gantt-chart/helpers/block-structure.tsx
new file mode 100644
index 000000000..ea51c3b12
--- /dev/null
+++ b/web/components/gantt-chart/helpers/block-structure.tsx
@@ -0,0 +1,16 @@
+// types
+import { IIssue } from "types";
+import { IGanttBlock } from "components/gantt-chart";
+
+export const renderIssueBlocksStructure = (blocks: IIssue[]): IGanttBlock[] =>
+ blocks && blocks.length > 0
+ ? blocks
+ .filter((b) => new Date(b?.start_date ?? "") <= new Date(b?.target_date ?? ""))
+ .map((block) => ({
+ data: block,
+ id: block.id,
+ sort_order: block.sort_order,
+ start_date: new Date(block.start_date ?? ""),
+ target_date: new Date(block.target_date ?? ""),
+ }))
+ : [];
diff --git a/apps/app/components/gantt-chart/helpers/draggable.tsx b/web/components/gantt-chart/helpers/draggable.tsx
similarity index 96%
rename from apps/app/components/gantt-chart/helpers/draggable.tsx
rename to web/components/gantt-chart/helpers/draggable.tsx
index 20423ff59..b665bf5d3 100644
--- a/apps/app/components/gantt-chart/helpers/draggable.tsx
+++ b/web/components/gantt-chart/helpers/draggable.tsx
@@ -73,9 +73,11 @@ export const ChartDraggable: React.FC = ({
};
// handle block resize from the left end
- const handleBlockLeftResize = () => {
+ const handleBlockLeftResize = (e: React.MouseEvent) => {
if (!currentViewData || !resizableRef.current || !block.position) return;
+ if (e.button !== 0) return;
+
const resizableDiv = resizableRef.current;
const columnWidth = currentViewData.data.width;
@@ -126,9 +128,11 @@ export const ChartDraggable: React.FC = ({
};
// handle block resize from the right end
- const handleBlockRightResize = () => {
+ const handleBlockRightResize = (e: React.MouseEvent) => {
if (!currentViewData || !resizableRef.current || !block.position) return;
+ if (e.button !== 0) return;
+
const resizableDiv = resizableRef.current;
const columnWidth = currentViewData.data.width;
@@ -173,6 +177,8 @@ export const ChartDraggable: React.FC = ({
const handleBlockMove = (e: React.MouseEvent) => {
if (!enableBlockMove || !currentViewData || !resizableRef.current || !block.position) return;
+ if (e.button !== 0) return;
+
e.preventDefault();
e.stopPropagation();
@@ -266,7 +272,7 @@ export const ChartDraggable: React.FC = ({
= {
name: "",
description_html: "",
estimate_point: null,
diff --git a/apps/app/components/inbox/index.ts b/web/components/inbox/index.ts
similarity index 100%
rename from apps/app/components/inbox/index.ts
rename to web/components/inbox/index.ts
diff --git a/apps/app/components/inbox/issues-list-sidebar.tsx b/web/components/inbox/issues-list-sidebar.tsx
similarity index 100%
rename from apps/app/components/inbox/issues-list-sidebar.tsx
rename to web/components/inbox/issues-list-sidebar.tsx
diff --git a/apps/app/components/inbox/select-duplicate.tsx b/web/components/inbox/select-duplicate.tsx
similarity index 100%
rename from apps/app/components/inbox/select-duplicate.tsx
rename to web/components/inbox/select-duplicate.tsx
diff --git a/apps/app/components/integration/delete-import-modal.tsx b/web/components/integration/delete-import-modal.tsx
similarity index 100%
rename from apps/app/components/integration/delete-import-modal.tsx
rename to web/components/integration/delete-import-modal.tsx
diff --git a/apps/app/components/integration/github/auth.tsx b/web/components/integration/github/auth.tsx
similarity index 100%
rename from apps/app/components/integration/github/auth.tsx
rename to web/components/integration/github/auth.tsx
diff --git a/apps/app/components/integration/github/import-configure.tsx b/web/components/integration/github/import-configure.tsx
similarity index 100%
rename from apps/app/components/integration/github/import-configure.tsx
rename to web/components/integration/github/import-configure.tsx
diff --git a/apps/app/components/integration/github/import-confirm.tsx b/web/components/integration/github/import-confirm.tsx
similarity index 100%
rename from apps/app/components/integration/github/import-confirm.tsx
rename to web/components/integration/github/import-confirm.tsx
diff --git a/apps/app/components/integration/github/import-data.tsx b/web/components/integration/github/import-data.tsx
similarity index 100%
rename from apps/app/components/integration/github/import-data.tsx
rename to web/components/integration/github/import-data.tsx
diff --git a/apps/app/components/integration/github/import-users.tsx b/web/components/integration/github/import-users.tsx
similarity index 100%
rename from apps/app/components/integration/github/import-users.tsx
rename to web/components/integration/github/import-users.tsx
diff --git a/apps/app/components/integration/github/index.ts b/web/components/integration/github/index.ts
similarity index 100%
rename from apps/app/components/integration/github/index.ts
rename to web/components/integration/github/index.ts
diff --git a/apps/app/components/integration/github/repo-details.tsx b/web/components/integration/github/repo-details.tsx
similarity index 100%
rename from apps/app/components/integration/github/repo-details.tsx
rename to web/components/integration/github/repo-details.tsx
diff --git a/apps/app/components/integration/github/root.tsx b/web/components/integration/github/root.tsx
similarity index 100%
rename from apps/app/components/integration/github/root.tsx
rename to web/components/integration/github/root.tsx
diff --git a/apps/app/components/integration/github/select-repository.tsx b/web/components/integration/github/select-repository.tsx
similarity index 100%
rename from apps/app/components/integration/github/select-repository.tsx
rename to web/components/integration/github/select-repository.tsx
diff --git a/apps/app/components/integration/github/single-user-select.tsx b/web/components/integration/github/single-user-select.tsx
similarity index 100%
rename from apps/app/components/integration/github/single-user-select.tsx
rename to web/components/integration/github/single-user-select.tsx
diff --git a/apps/app/components/integration/guide.tsx b/web/components/integration/guide.tsx
similarity index 100%
rename from apps/app/components/integration/guide.tsx
rename to web/components/integration/guide.tsx
diff --git a/apps/app/components/integration/index.ts b/web/components/integration/index.ts
similarity index 100%
rename from apps/app/components/integration/index.ts
rename to web/components/integration/index.ts
diff --git a/apps/app/components/integration/jira/confirm-import.tsx b/web/components/integration/jira/confirm-import.tsx
similarity index 100%
rename from apps/app/components/integration/jira/confirm-import.tsx
rename to web/components/integration/jira/confirm-import.tsx
diff --git a/apps/app/components/integration/jira/give-details.tsx b/web/components/integration/jira/give-details.tsx
similarity index 100%
rename from apps/app/components/integration/jira/give-details.tsx
rename to web/components/integration/jira/give-details.tsx
diff --git a/apps/app/components/integration/jira/import-users.tsx b/web/components/integration/jira/import-users.tsx
similarity index 100%
rename from apps/app/components/integration/jira/import-users.tsx
rename to web/components/integration/jira/import-users.tsx
diff --git a/apps/app/components/integration/jira/index.ts b/web/components/integration/jira/index.ts
similarity index 100%
rename from apps/app/components/integration/jira/index.ts
rename to web/components/integration/jira/index.ts
diff --git a/apps/app/components/integration/jira/jira-project-detail.tsx b/web/components/integration/jira/jira-project-detail.tsx
similarity index 99%
rename from apps/app/components/integration/jira/jira-project-detail.tsx
rename to web/components/integration/jira/jira-project-detail.tsx
index 88803727c..f651ad89c 100644
--- a/apps/app/components/integration/jira/jira-project-detail.tsx
+++ b/web/components/integration/jira/jira-project-detail.tsx
@@ -20,7 +20,7 @@ import { IJiraImporterForm, IJiraMetadata } from "types";
// components
import { Spinner, ToggleSwitch } from "components/ui";
-import type { IJiraIntegrationData, TJiraIntegrationSteps } from "./";
+import type { IJiraIntegrationData, TJiraIntegrationSteps } from ".";
type Props = {
setCurrentStep: React.Dispatch>;
diff --git a/apps/app/components/integration/jira/root.tsx b/web/components/integration/jira/root.tsx
similarity index 99%
rename from apps/app/components/integration/jira/root.tsx
rename to web/components/integration/jira/root.tsx
index b5c086431..451c23709 100644
--- a/apps/app/components/integration/jira/root.tsx
+++ b/web/components/integration/jira/root.tsx
@@ -31,7 +31,7 @@ import {
jiraFormDefaultValues,
TJiraIntegrationSteps,
IJiraIntegrationData,
-} from "./";
+} from ".";
import JiraLogo from "public/services/jira.png";
diff --git a/apps/app/components/integration/single-import.tsx b/web/components/integration/single-import.tsx
similarity index 100%
rename from apps/app/components/integration/single-import.tsx
rename to web/components/integration/single-import.tsx
diff --git a/apps/app/components/integration/single-integration-card.tsx b/web/components/integration/single-integration-card.tsx
similarity index 100%
rename from apps/app/components/integration/single-integration-card.tsx
rename to web/components/integration/single-integration-card.tsx
diff --git a/web/components/integration/slack/index.ts b/web/components/integration/slack/index.ts
new file mode 100644
index 000000000..4ea6cd1e4
--- /dev/null
+++ b/web/components/integration/slack/index.ts
@@ -0,0 +1 @@
+export * from "./select-channel";
diff --git a/apps/app/components/integration/slack/select-channel.tsx b/web/components/integration/slack/select-channel.tsx
similarity index 100%
rename from apps/app/components/integration/slack/select-channel.tsx
rename to web/components/integration/slack/select-channel.tsx
diff --git a/apps/app/components/issues/activity.tsx b/web/components/issues/activity.tsx
similarity index 96%
rename from apps/app/components/issues/activity.tsx
rename to web/components/issues/activity.tsx
index 5a82907f2..fe322afe9 100644
--- a/apps/app/components/issues/activity.tsx
+++ b/web/components/issues/activity.tsx
@@ -15,14 +15,16 @@ import { IIssueActivity, IIssueComment } from "types";
type Props = {
activity: IIssueActivity[] | undefined;
- handleCommentUpdate: (comment: IIssueComment) => Promise;
+ handleCommentUpdate: (commentId: string, data: Partial) => Promise;
handleCommentDelete: (commentId: string) => Promise;
+ showAccessSpecifier?: boolean;
};
export const IssueActivitySection: React.FC = ({
activity,
handleCommentUpdate,
handleCommentDelete,
+ showAccessSpecifier = false,
}) => {
const router = useRouter();
const { workspaceSlug } = router.query;
@@ -131,10 +133,11 @@ export const IssueActivitySection: React.FC = ({
return (
) => void;
+ showAccessSpecifier?: boolean;
+ workspaceSlug: string;
};
export const CommentCard: React.FC = ({
comment,
- workspaceSlug,
- onSubmit,
handleCommentDeletion,
+ onSubmit,
+ showAccessSpecifier = false,
+ workspaceSlug,
}) => {
const { user } = useUser();
@@ -45,11 +47,11 @@ export const CommentCard: React.FC = ({
defaultValues: comment,
});
- const onEnter = (formData: IIssueComment) => {
+ const onEnter = (formData: Partial) => {
if (isSubmitting) return;
setIsEditing(false);
- onSubmit(formData);
+ onSubmit(comment.id, formData);
editorRef.current?.setEditorValue(formData.comment_html);
showEditorRef.current?.setEditorValue(formData.comment_html);
@@ -99,7 +101,7 @@ export const CommentCard: React.FC = ({
: comment.actor_detail.display_name}
{
dayData: weeks[date.getDay()],
weekNumber: getWeekNumberByDate(date),
title: `${weeks[date.getDay()].shortTitle} ${_day + 1}`,
- today: currentDate.getFullYear() === year && currentDate.getMonth() === month && currentDate.getDate() === (_day + 1) ? true : false,
+ today:
+ currentDate.getFullYear() === year &&
+ currentDate.getMonth() === month &&
+ currentDate.getDate() === _day + 1
+ ? true
+ : false,
});
});
@@ -180,7 +185,10 @@ export const generateMonthDataByYear = (
renderPayload.push(generateMonthDataByMonth(currentMonth, currentYear));
}
- const scrollWidth = ((renderPayload.map((monthData: any) => monthData.children.length)).reduce((partialSum: number, a: number) => partialSum + a, 0)) * monthPayload.data.width;
+ const scrollWidth =
+ renderPayload
+ .map((monthData: any) => monthData.children.length)
+ .reduce((partialSum: number, a: number) => partialSum + a, 0) * monthPayload.data.width;
return { state: renderState, payload: renderPayload, scrollWidth: scrollWidth };
-};
\ No newline at end of file
+};
diff --git a/apps/app/components/gantt-chart/views/helpers.ts b/web/components/gantt-chart/views/helpers.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/helpers.ts
rename to web/components/gantt-chart/views/helpers.ts
diff --git a/apps/app/components/gantt-chart/views/hours-view.ts b/web/components/gantt-chart/views/hours-view.ts
similarity index 93%
rename from apps/app/components/gantt-chart/views/hours-view.ts
rename to web/components/gantt-chart/views/hours-view.ts
index 67f369361..246ecd8b8 100644
--- a/apps/app/components/gantt-chart/views/hours-view.ts
+++ b/web/components/gantt-chart/views/hours-view.ts
@@ -72,7 +72,12 @@ export const getAllDaysInMonth = (month: number, year: number) => {
dayData: weeks[date.getDay()],
weekNumber: getWeekNumberByDate(date),
title: `${weeks[date.getDay()].shortTitle} ${_day + 1}`,
- today: currentDate.getFullYear() === year && currentDate.getMonth() === month && currentDate.getDate() === (_day + 1) ? true : false,
+ today:
+ currentDate.getFullYear() === year &&
+ currentDate.getMonth() === month &&
+ currentDate.getDate() === _day + 1
+ ? true
+ : false,
});
});
@@ -180,7 +185,10 @@ export const generateMonthDataByYear = (
renderPayload.push(generateMonthDataByMonth(currentMonth, currentYear));
}
- const scrollWidth = ((renderPayload.map((monthData: any) => monthData.children.length)).reduce((partialSum: number, a: number) => partialSum + a, 0)) * monthPayload.data.width;
+ const scrollWidth =
+ renderPayload
+ .map((monthData: any) => monthData.children.length)
+ .reduce((partialSum: number, a: number) => partialSum + a, 0) * monthPayload.data.width;
return { state: renderState, payload: renderPayload, scrollWidth: scrollWidth };
-};
\ No newline at end of file
+};
diff --git a/apps/app/components/gantt-chart/views/index.ts b/web/components/gantt-chart/views/index.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/index.ts
rename to web/components/gantt-chart/views/index.ts
diff --git a/apps/app/components/gantt-chart/views/month-view.ts b/web/components/gantt-chart/views/month-view.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/month-view.ts
rename to web/components/gantt-chart/views/month-view.ts
diff --git a/apps/app/components/gantt-chart/views/quater-view.ts b/web/components/gantt-chart/views/quater-view.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/quater-view.ts
rename to web/components/gantt-chart/views/quater-view.ts
diff --git a/apps/app/components/gantt-chart/views/week-view.ts b/web/components/gantt-chart/views/week-view.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/week-view.ts
rename to web/components/gantt-chart/views/week-view.ts
diff --git a/apps/app/components/gantt-chart/views/year-view.ts b/web/components/gantt-chart/views/year-view.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/year-view.ts
rename to web/components/gantt-chart/views/year-view.ts
diff --git a/apps/app/components/icons/alarm-clock-icon.tsx b/web/components/icons/alarm-clock-icon.tsx
similarity index 100%
rename from apps/app/components/icons/alarm-clock-icon.tsx
rename to web/components/icons/alarm-clock-icon.tsx
diff --git a/apps/app/components/icons/archive-icon.tsx b/web/components/icons/archive-icon.tsx
similarity index 100%
rename from apps/app/components/icons/archive-icon.tsx
rename to web/components/icons/archive-icon.tsx
diff --git a/apps/app/components/icons/arrow-right.tsx b/web/components/icons/arrow-right.tsx
similarity index 100%
rename from apps/app/components/icons/arrow-right.tsx
rename to web/components/icons/arrow-right.tsx
diff --git a/apps/app/components/icons/assignment-clipboard-icon.tsx b/web/components/icons/assignment-clipboard-icon.tsx
similarity index 100%
rename from apps/app/components/icons/assignment-clipboard-icon.tsx
rename to web/components/icons/assignment-clipboard-icon.tsx
diff --git a/apps/app/components/icons/attachment-icon.tsx b/web/components/icons/attachment-icon.tsx
similarity index 100%
rename from apps/app/components/icons/attachment-icon.tsx
rename to web/components/icons/attachment-icon.tsx
diff --git a/apps/app/components/icons/audio-file-icon.tsx b/web/components/icons/audio-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/audio-file-icon.tsx
rename to web/components/icons/audio-file-icon.tsx
index 6aff5d7a4..24ea55a23 100644
--- a/apps/app/components/icons/audio-file-icon.tsx
+++ b/web/components/icons/audio-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import AudioFileIcon from "public/attachment/audio-icon.png";
-export const AudioIcon: React.FC = ({ width, height }) => (
+export const AudioIcon: React.FC = ({ width, height }) => (
= ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/web/components/icons/blocker-icon.tsx b/web/components/icons/blocker-icon.tsx
new file mode 100644
index 000000000..b92fadaea
--- /dev/null
+++ b/web/components/icons/blocker-icon.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const BlockerIcon: React.FC = ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/web/components/icons/bolt-icon.tsx b/web/components/icons/bolt-icon.tsx
new file mode 100644
index 000000000..477d4e04e
--- /dev/null
+++ b/web/components/icons/bolt-icon.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const BoltIcon: React.FC = ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/apps/app/components/icons/calendar-after-icon.tsx b/web/components/icons/calendar-after-icon.tsx
similarity index 100%
rename from apps/app/components/icons/calendar-after-icon.tsx
rename to web/components/icons/calendar-after-icon.tsx
diff --git a/apps/app/components/icons/calendar-before-icon.tsx b/web/components/icons/calendar-before-icon.tsx
similarity index 100%
rename from apps/app/components/icons/calendar-before-icon.tsx
rename to web/components/icons/calendar-before-icon.tsx
diff --git a/apps/app/components/icons/calendar-month-icon.tsx b/web/components/icons/calendar-month-icon.tsx
similarity index 100%
rename from apps/app/components/icons/calendar-month-icon.tsx
rename to web/components/icons/calendar-month-icon.tsx
diff --git a/web/components/icons/cancel-icon.tsx b/web/components/icons/cancel-icon.tsx
new file mode 100644
index 000000000..a57425de1
--- /dev/null
+++ b/web/components/icons/cancel-icon.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const CancelIcon: React.FC = ({ width, height, className }) => (
+
+);
diff --git a/apps/app/components/icons/check.tsx b/web/components/icons/check.tsx
similarity index 100%
rename from apps/app/components/icons/check.tsx
rename to web/components/icons/check.tsx
diff --git a/web/components/icons/clipboard-icon.tsx b/web/components/icons/clipboard-icon.tsx
new file mode 100644
index 000000000..a3feaf7af
--- /dev/null
+++ b/web/components/icons/clipboard-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const ClipboardIcon: React.FC = ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/apps/app/components/icons/clock-icon.tsx b/web/components/icons/clock-icon.tsx
similarity index 100%
rename from apps/app/components/icons/clock-icon.tsx
rename to web/components/icons/clock-icon.tsx
diff --git a/apps/app/components/icons/cloud-upload.tsx b/web/components/icons/cloud-upload.tsx
similarity index 100%
rename from apps/app/components/icons/cloud-upload.tsx
rename to web/components/icons/cloud-upload.tsx
diff --git a/apps/app/components/icons/cmd-icon.tsx b/web/components/icons/cmd-icon.tsx
similarity index 100%
rename from apps/app/components/icons/cmd-icon.tsx
rename to web/components/icons/cmd-icon.tsx
diff --git a/apps/app/components/icons/cog.tsx b/web/components/icons/cog.tsx
similarity index 100%
rename from apps/app/components/icons/cog.tsx
rename to web/components/icons/cog.tsx
diff --git a/apps/app/components/icons/color-pallette-icon.tsx b/web/components/icons/color-pallette-icon.tsx
similarity index 100%
rename from apps/app/components/icons/color-pallette-icon.tsx
rename to web/components/icons/color-pallette-icon.tsx
diff --git a/apps/app/components/icons/color-picker-icon.tsx b/web/components/icons/color-picker-icon.tsx
similarity index 100%
rename from apps/app/components/icons/color-picker-icon.tsx
rename to web/components/icons/color-picker-icon.tsx
diff --git a/apps/app/components/icons/command-icon.tsx b/web/components/icons/command-icon.tsx
similarity index 100%
rename from apps/app/components/icons/command-icon.tsx
rename to web/components/icons/command-icon.tsx
diff --git a/web/components/icons/comment-icon.tsx b/web/components/icons/comment-icon.tsx
new file mode 100644
index 000000000..8619abd34
--- /dev/null
+++ b/web/components/icons/comment-icon.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const CommentIcon: React.FC = ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/web/components/icons/completed-cycle-icon.tsx b/web/components/icons/completed-cycle-icon.tsx
new file mode 100644
index 000000000..77d30b24b
--- /dev/null
+++ b/web/components/icons/completed-cycle-icon.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const CompletedCycleIcon: React.FC = ({
+ width = "24",
+ height = "24",
+ className,
+ color = "black",
+}) => (
+
+);
diff --git a/apps/app/components/icons/contrast-icon.tsx b/web/components/icons/contrast-icon.tsx
similarity index 100%
rename from apps/app/components/icons/contrast-icon.tsx
rename to web/components/icons/contrast-icon.tsx
diff --git a/apps/app/components/icons/css-file-icon.tsx b/web/components/icons/css-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/css-file-icon.tsx
rename to web/components/icons/css-file-icon.tsx
index 54b563d37..a753ead73 100644
--- a/apps/app/components/icons/css-file-icon.tsx
+++ b/web/components/icons/css-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import CssFileIcon from "public/attachment/css-icon.png";
-export const CssIcon: React.FC = ({ width, height }) => (
+export const CssIcon: React.FC = ({ width, height }) => (
= ({ width , height }) => (
+export const CsvIcon: React.FC = ({ width, height }) => (
= ({
+ width = "24",
+ height = "24",
+ className,
+ color = "black",
+}) => (
+
+);
diff --git a/apps/app/components/icons/cycle-icon.tsx b/web/components/icons/cycle-icon.tsx
similarity index 100%
rename from apps/app/components/icons/cycle-icon.tsx
rename to web/components/icons/cycle-icon.tsx
diff --git a/apps/app/components/icons/default-file-icon.tsx b/web/components/icons/default-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/default-file-icon.tsx
rename to web/components/icons/default-file-icon.tsx
index 5323d8e07..3bc1948e3 100644
--- a/apps/app/components/icons/default-file-icon.tsx
+++ b/web/components/icons/default-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import DefaultFileIcon from "public/attachment/default-icon.png";
-export const DefaultIcon: React.FC = ({ width, height }) => (
+export const DefaultIcon: React.FC = ({ width, height }) => (
= ({ width , height }) => (
+export const DocIcon: React.FC = ({ width, height }) => (
= ({ width = "24", height = "24", className, color }) => (
-
+);
diff --git a/web/components/icons/edit-icon.tsx b/web/components/icons/edit-icon.tsx
new file mode 100644
index 000000000..6b1ea2785
--- /dev/null
+++ b/web/components/icons/edit-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const EditIcon: React.FC = ({ width, height, className }) => (
+
+);
diff --git a/web/components/icons/ellipsis-horizontal-icon.tsx b/web/components/icons/ellipsis-horizontal-icon.tsx
new file mode 100644
index 000000000..26979f9a5
--- /dev/null
+++ b/web/components/icons/ellipsis-horizontal-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const EllipsisHorizontalIcon: React.FC = ({ width, height, className }) => (
+
+);
diff --git a/apps/app/components/icons/exclamation-icon.tsx b/web/components/icons/exclamation-icon.tsx
similarity index 100%
rename from apps/app/components/icons/exclamation-icon.tsx
rename to web/components/icons/exclamation-icon.tsx
diff --git a/apps/app/components/icons/external-link-icon.tsx b/web/components/icons/external-link-icon.tsx
similarity index 100%
rename from apps/app/components/icons/external-link-icon.tsx
rename to web/components/icons/external-link-icon.tsx
diff --git a/apps/app/components/icons/figma-file-icon.tsx b/web/components/icons/figma-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/figma-file-icon.tsx
rename to web/components/icons/figma-file-icon.tsx
index 7ff9f6ac0..fc7b74f73 100644
--- a/apps/app/components/icons/figma-file-icon.tsx
+++ b/web/components/icons/figma-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import FigmaFileIcon from "public/attachment/figma-icon.png";
-export const FigmaIcon: React.FC = ({ width , height }) => (
+export const FigmaIcon: React.FC = ({ width, height }) => (
= ({ width, height }) => (
+export const HtmlIcon: React.FC = ({ width, height }) => (
= ({ width , height }) => (
+export const ImgIcon: React.FC = ({ width, height }) => (
= ({ width, height }) => (
+export const JpgIcon: React.FC = ({ width, height }) => (
= ({ width, height }) => (
+export const JavaScriptIcon: React.FC = ({ width, height }) => (
= ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/web/components/icons/menu-icon.tsx b/web/components/icons/menu-icon.tsx
new file mode 100644
index 000000000..3b5e033d8
--- /dev/null
+++ b/web/components/icons/menu-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const MenuIcon: React.FC = ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/apps/app/components/icons/module/backlog.tsx b/web/components/icons/module/backlog.tsx
similarity index 100%
rename from apps/app/components/icons/module/backlog.tsx
rename to web/components/icons/module/backlog.tsx
diff --git a/apps/app/components/icons/module/cancelled.tsx b/web/components/icons/module/cancelled.tsx
similarity index 100%
rename from apps/app/components/icons/module/cancelled.tsx
rename to web/components/icons/module/cancelled.tsx
diff --git a/apps/app/components/icons/module/completed.tsx b/web/components/icons/module/completed.tsx
similarity index 100%
rename from apps/app/components/icons/module/completed.tsx
rename to web/components/icons/module/completed.tsx
diff --git a/apps/app/components/icons/module/in-progress.tsx b/web/components/icons/module/in-progress.tsx
similarity index 100%
rename from apps/app/components/icons/module/in-progress.tsx
rename to web/components/icons/module/in-progress.tsx
diff --git a/apps/app/components/icons/module/index.ts b/web/components/icons/module/index.ts
similarity index 100%
rename from apps/app/components/icons/module/index.ts
rename to web/components/icons/module/index.ts
diff --git a/apps/app/components/icons/module/module-status-icon.tsx b/web/components/icons/module/module-status-icon.tsx
similarity index 100%
rename from apps/app/components/icons/module/module-status-icon.tsx
rename to web/components/icons/module/module-status-icon.tsx
diff --git a/apps/app/components/icons/module/paused.tsx b/web/components/icons/module/paused.tsx
similarity index 100%
rename from apps/app/components/icons/module/paused.tsx
rename to web/components/icons/module/paused.tsx
diff --git a/apps/app/components/icons/module/planned.tsx b/web/components/icons/module/planned.tsx
similarity index 100%
rename from apps/app/components/icons/module/planned.tsx
rename to web/components/icons/module/planned.tsx
diff --git a/apps/app/components/icons/pdf-file-icon.tsx b/web/components/icons/pdf-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/pdf-file-icon.tsx
rename to web/components/icons/pdf-file-icon.tsx
index 5467f0812..cb2014ee0 100644
--- a/apps/app/components/icons/pdf-file-icon.tsx
+++ b/web/components/icons/pdf-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import PDFFileIcon from "public/attachment/pdf-icon.png";
-export const PdfIcon: React.FC = ({ width , height }) => (
+export const PdfIcon: React.FC = ({ width, height }) => (
= ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/apps/app/components/icons/png-file-icon.tsx b/web/components/icons/png-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/png-file-icon.tsx
rename to web/components/icons/png-file-icon.tsx
index 21b5dc116..fb64ed824 100644
--- a/apps/app/components/icons/png-file-icon.tsx
+++ b/web/components/icons/png-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import PngFileIcon from "public/attachment/png-icon.png";
-export const PngIcon: React.FC = ({ width, height }) => (
+export const PngIcon: React.FC = ({ width, height }) => (
= ({ priority, className = "" }) => {
+ if (!className || className === "") className = "text-xs flex items-center";
+
+ return (
+
+ {priority === "urgent"
+ ? "error"
+ : priority === "high"
+ ? "signal_cellular_alt"
+ : priority === "medium"
+ ? "signal_cellular_alt_2_bar"
+ : priority === "low"
+ ? "signal_cellular_alt_1_bar"
+ : "block"}
+
+ );
+};
diff --git a/web/components/icons/question-mark-circle-icon.tsx b/web/components/icons/question-mark-circle-icon.tsx
new file mode 100644
index 000000000..f4abd903f
--- /dev/null
+++ b/web/components/icons/question-mark-circle-icon.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const QuestionMarkCircleIcon: React.FC = ({
+ width = "24",
+ height = "24",
+ className,
+}) => (
+
+);
diff --git a/apps/app/components/icons/setting-icon.tsx b/web/components/icons/setting-icon.tsx
similarity index 100%
rename from apps/app/components/icons/setting-icon.tsx
rename to web/components/icons/setting-icon.tsx
diff --git a/apps/app/components/icons/sheet-file-icon.tsx b/web/components/icons/sheet-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/sheet-file-icon.tsx
rename to web/components/icons/sheet-file-icon.tsx
index 9e57ce71c..dd4eee8ec 100644
--- a/apps/app/components/icons/sheet-file-icon.tsx
+++ b/web/components/icons/sheet-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import SheetFileIcon from "public/attachment/excel-icon.png";
-export const SheetIcon: React.FC = ({ width, height }) => (
+export const SheetIcon: React.FC = ({ width, height }) => (
= ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/apps/app/components/icons/single-comment-icon.tsx b/web/components/icons/single-comment-icon.tsx
similarity index 100%
rename from apps/app/components/icons/single-comment-icon.tsx
rename to web/components/icons/single-comment-icon.tsx
diff --git a/apps/app/components/icons/sort-icon.tsx b/web/components/icons/sort-icon.tsx
similarity index 100%
rename from apps/app/components/icons/sort-icon.tsx
rename to web/components/icons/sort-icon.tsx
diff --git a/apps/app/components/icons/stacked-layers-horizontal-icon.tsx b/web/components/icons/stacked-layers-horizontal-icon.tsx
similarity index 100%
rename from apps/app/components/icons/stacked-layers-horizontal-icon.tsx
rename to web/components/icons/stacked-layers-horizontal-icon.tsx
diff --git a/apps/app/components/icons/stacked-layers-icon.tsx b/web/components/icons/stacked-layers-icon.tsx
similarity index 100%
rename from apps/app/components/icons/stacked-layers-icon.tsx
rename to web/components/icons/stacked-layers-icon.tsx
diff --git a/web/components/icons/state/backlog.tsx b/web/components/icons/state/backlog.tsx
new file mode 100644
index 000000000..eb00f800c
--- /dev/null
+++ b/web/components/icons/state/backlog.tsx
@@ -0,0 +1,24 @@
+type Props = {
+ width?: string;
+ height?: string;
+ className?: string;
+ color?: string;
+};
+
+export const StateGroupBacklogIcon: React.FC = ({
+ width = "20",
+ height = "20",
+ className,
+ color = "#a3a3a3",
+}) => (
+
+);
diff --git a/web/components/icons/state/cancelled.tsx b/web/components/icons/state/cancelled.tsx
new file mode 100644
index 000000000..1c3c4e3d2
--- /dev/null
+++ b/web/components/icons/state/cancelled.tsx
@@ -0,0 +1,34 @@
+type Props = {
+ width?: string;
+ height?: string;
+ className?: string;
+ color?: string;
+};
+
+export const StateGroupCancelledIcon: React.FC = ({
+ width = "20",
+ height = "20",
+ className,
+ color = "#ef4444",
+}) => (
+
+);
diff --git a/web/components/icons/state/completed.tsx b/web/components/icons/state/completed.tsx
new file mode 100644
index 000000000..b22cc8c81
--- /dev/null
+++ b/web/components/icons/state/completed.tsx
@@ -0,0 +1,27 @@
+type Props = {
+ width?: string;
+ height?: string;
+ className?: string;
+ color?: string;
+};
+
+export const StateGroupCompletedIcon: React.FC = ({
+ width = "20",
+ height = "20",
+ className,
+ color = "#16a34a",
+}) => (
+
+);
diff --git a/web/components/icons/state/index.ts b/web/components/icons/state/index.ts
new file mode 100644
index 000000000..7fee13d8b
--- /dev/null
+++ b/web/components/icons/state/index.ts
@@ -0,0 +1,6 @@
+export * from "./backlog";
+export * from "./cancelled";
+export * from "./completed";
+export * from "./started";
+export * from "./state-group-icon";
+export * from "./unstarted";
diff --git a/web/components/icons/state/started.tsx b/web/components/icons/state/started.tsx
new file mode 100644
index 000000000..bf0892732
--- /dev/null
+++ b/web/components/icons/state/started.tsx
@@ -0,0 +1,25 @@
+type Props = {
+ width?: string;
+ height?: string;
+ className?: string;
+ color?: string;
+};
+
+export const StateGroupStartedIcon: React.FC = ({
+ width = "20",
+ height = "20",
+ className,
+ color = "#f59e0b",
+}) => (
+
+);
diff --git a/web/components/icons/state/state-group-icon.tsx b/web/components/icons/state/state-group-icon.tsx
new file mode 100644
index 000000000..df3b57dd8
--- /dev/null
+++ b/web/components/icons/state/state-group-icon.tsx
@@ -0,0 +1,74 @@
+// icons
+import {
+ StateGroupBacklogIcon,
+ StateGroupCancelledIcon,
+ StateGroupCompletedIcon,
+ StateGroupStartedIcon,
+ StateGroupUnstartedIcon,
+} from "components/icons";
+// types
+import { TStateGroups } from "types";
+// constants
+import { STATE_GROUP_COLORS } from "constants/state";
+
+type Props = {
+ className?: string;
+ color?: string;
+ height?: string;
+ stateGroup: TStateGroups;
+ width?: string;
+};
+
+export const StateGroupIcon: React.FC = ({
+ className = "",
+ color,
+ height = "12px",
+ width = "12px",
+ stateGroup,
+}) => {
+ if (stateGroup === "backlog")
+ return (
+ = ({
+ width = "20",
+ height = "20",
+ className,
+ color = "#3a3a3a",
+}) => (
+
+);
diff --git a/apps/app/components/icons/svg-file-icon.tsx b/web/components/icons/svg-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/svg-file-icon.tsx
rename to web/components/icons/svg-file-icon.tsx
index d04ae3167..043f41aeb 100644
--- a/apps/app/components/icons/svg-file-icon.tsx
+++ b/web/components/icons/svg-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import SvgFileIcon from "public/attachment/svg-icon.png";
-export const SvgIcon: React.FC = ({ width, height }) => (
+export const SvgIcon: React.FC = ({ width, height }) => (
= ({
+ width = "24",
+ height = "24",
+ className,
+ color = "black",
+}) => (
+
+);
diff --git a/apps/app/components/icons/target-icon.tsx b/web/components/icons/target-icon.tsx
similarity index 100%
rename from apps/app/components/icons/target-icon.tsx
rename to web/components/icons/target-icon.tsx
diff --git a/apps/app/components/icons/tick-mark-icon.tsx b/web/components/icons/tick-mark-icon.tsx
similarity index 100%
rename from apps/app/components/icons/tick-mark-icon.tsx
rename to web/components/icons/tick-mark-icon.tsx
diff --git a/web/components/icons/transfer-icon.tsx b/web/components/icons/transfer-icon.tsx
new file mode 100644
index 000000000..dfb3f8c05
--- /dev/null
+++ b/web/components/icons/transfer-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const TransferIcon: React.FC = ({ width, height, className, color }) => (
+
+);
diff --git a/apps/app/components/icons/triangle-exclamation-icon.tsx b/web/components/icons/triangle-exclamation-icon.tsx
similarity index 100%
rename from apps/app/components/icons/triangle-exclamation-icon.tsx
rename to web/components/icons/triangle-exclamation-icon.tsx
diff --git a/web/components/icons/tune-icon.tsx b/web/components/icons/tune-icon.tsx
new file mode 100644
index 000000000..baa2dcd72
--- /dev/null
+++ b/web/components/icons/tune-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const TuneIcon: React.FC = ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/apps/app/components/icons/txt-file-icon.tsx b/web/components/icons/txt-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/txt-file-icon.tsx
rename to web/components/icons/txt-file-icon.tsx
index f0150a4cd..2fbfaee32 100644
--- a/apps/app/components/icons/txt-file-icon.tsx
+++ b/web/components/icons/txt-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import TxtFileIcon from "public/attachment/txt-icon.png";
-export const TxtIcon: React.FC = ({ width, height }) => (
+export const TxtIcon: React.FC = ({ width, height }) => (
= ({
+ width = "24",
+ height = "24",
+ className,
+ color = "black",
+}) => (
+
+);
diff --git a/apps/app/components/icons/user-group-icon.tsx b/web/components/icons/user-group-icon.tsx
similarity index 100%
rename from apps/app/components/icons/user-group-icon.tsx
rename to web/components/icons/user-group-icon.tsx
diff --git a/web/components/icons/user-icon-circle.tsx b/web/components/icons/user-icon-circle.tsx
new file mode 100644
index 000000000..ffc88be3b
--- /dev/null
+++ b/web/components/icons/user-icon-circle.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const UserCircleIcon: React.FC = ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/web/components/icons/user-icon.tsx b/web/components/icons/user-icon.tsx
new file mode 100644
index 000000000..dedea1bae
--- /dev/null
+++ b/web/components/icons/user-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const UserIcon: React.FC = ({ width = "24", height = "24", className }) => (
+
+);
diff --git a/apps/app/components/icons/users.tsx b/web/components/icons/users.tsx
similarity index 100%
rename from apps/app/components/icons/users.tsx
rename to web/components/icons/users.tsx
diff --git a/apps/app/components/icons/video-file-icon.tsx b/web/components/icons/video-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/video-file-icon.tsx
rename to web/components/icons/video-file-icon.tsx
index 8deb7a80b..961aba1e6 100644
--- a/apps/app/components/icons/video-file-icon.tsx
+++ b/web/components/icons/video-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
import type { Props } from "./types";
import VideoFileIcon from "public/attachment/video-icon.png";
-export const VideoIcon: React.FC = ({ width, height }) => (
+export const VideoIcon: React.FC = ({ width, height }) => (
- {getPriorityIcon(priority)} {priority ?? "None"}
+
),
value: {
diff --git a/apps/app/components/inbox/filters-list.tsx b/web/components/inbox/filters-list.tsx
similarity index 95%
rename from apps/app/components/inbox/filters-list.tsx
rename to web/components/inbox/filters-list.tsx
index 503c4ab04..7d07fb8d4 100644
--- a/apps/app/components/inbox/filters-list.tsx
+++ b/web/components/inbox/filters-list.tsx
@@ -2,9 +2,11 @@
import useInboxView from "hooks/use-inbox-view";
// icons
import { XMarkIcon } from "@heroicons/react/24/outline";
-import { getPriorityIcon } from "components/icons";
+import { PriorityIcon } from "components/icons";
// helpers
import { replaceUnderscoreIfSnakeCase } from "helpers/string.helper";
+// types
+import { TIssuePriorities } from "types";
// constants
import { INBOX_STATUS } from "constants/inbox";
@@ -48,7 +50,9 @@ export const InboxFiltersList = () => {
: "bg-custom-background-90 text-custom-text-200"
}`}
>
- {getPriorityIcon(priority)}
+
+ - Commented {timeAgo(comment.created_at)} + commented {timeAgo(comment.created_at)}
@@ -137,7 +139,15 @@ export const CommentCard: React.FC = ({
-
+
- setIsEditing(true)}>Edit
+ setIsEditing(true)}
+ className="flex items-center gap-1"
+ >
+
+ {showAccessSpecifier && (
+ <>
+ {comment.access === "INTERNAL" ? (
+ onSubmit(comment.id, { access: "EXTERNAL" })}
+ className="flex items-center gap-1"
+ >
+
+ ) : (
+ onSubmit(comment.id, { access: "INTERNAL" })}
+ className="flex items-center gap-1"
+ >
+
+ )}
+
+ )}
{
handleCommentDeletion(comment.id);
}}
+ className="flex items-center gap-1"
>
- Delete
+
)}
diff --git a/apps/app/components/issues/comment/comment-reaction.tsx b/web/components/issues/comment/comment-reaction.tsx
similarity index 100%
rename from apps/app/components/issues/comment/comment-reaction.tsx
rename to web/components/issues/comment/comment-reaction.tsx
diff --git a/apps/app/components/issues/comment/index.ts b/web/components/issues/comment/index.ts
similarity index 100%
rename from apps/app/components/issues/comment/index.ts
rename to web/components/issues/comment/index.ts
diff --git a/apps/app/components/issues/delete-issue-modal.tsx b/web/components/issues/delete-issue-modal.tsx
similarity index 97%
rename from apps/app/components/issues/delete-issue-modal.tsx
rename to web/components/issues/delete-issue-modal.tsx
index f46dae9aa..e9907973f 100644
--- a/apps/app/components/issues/delete-issue-modal.tsx
+++ b/web/components/issues/delete-issue-modal.tsx
@@ -34,9 +34,16 @@ type Props = {
handleClose: () => void;
data: IIssue | null;
user: ICurrentUserResponse | undefined;
+ onSubmit?: () => Promise;
};
-export const DeleteIssueModal: React.FC = ({ isOpen, handleClose, data, user }) => {
+export const DeleteIssueModal: React.FC = ({
+ isOpen,
+ handleClose,
+ data,
+ user,
+ onSubmit,
+}) => {
const [isDeleteLoading, setIsDeleteLoading] = useState(false);
const router = useRouter();
@@ -116,6 +123,8 @@ export const DeleteIssueModal: React.FC = ({ isOpen, handleClose, data, u
else mutate(PROJECT_ISSUES_LIST_WITH_PARAMS(data.project, params));
}
+ if (onSubmit) onSubmit();
+
handleClose();
setToastAlert({
title: "Success",
@@ -129,6 +138,7 @@ export const DeleteIssueModal: React.FC = ({ isOpen, handleClose, data, u
console.log(error);
setIsDeleteLoading(false);
});
+ if (onSubmit) await onSubmit();
};
const handleArchivedIssueDeletion = async () => {
diff --git a/apps/app/components/issues/description-form.tsx b/web/components/issues/description-form.tsx
similarity index 100%
rename from apps/app/components/issues/description-form.tsx
rename to web/components/issues/description-form.tsx
diff --git a/apps/app/components/issues/form.tsx b/web/components/issues/form.tsx
similarity index 100%
rename from apps/app/components/issues/form.tsx
rename to web/components/issues/form.tsx
diff --git a/apps/app/components/issues/gantt-chart/blocks.tsx b/web/components/issues/gantt-chart/blocks.tsx
similarity index 93%
rename from apps/app/components/issues/gantt-chart/blocks.tsx
rename to web/components/issues/gantt-chart/blocks.tsx
index 3ab7ea90b..0834e3e79 100644
--- a/apps/app/components/issues/gantt-chart/blocks.tsx
+++ b/web/components/issues/gantt-chart/blocks.tsx
@@ -3,7 +3,7 @@ import { useRouter } from "next/router";
// ui
import { Tooltip } from "components/ui";
// icons
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
// helpers
import { findTotalDaysInRange, renderShortDate } from "helpers/date-time.helper";
// types
@@ -52,7 +52,7 @@ export const IssueGanttSidebarBlock = ({ data }: { data: IIssue }) => {
className="relative w-full flex items-center gap-2 h-full cursor-pointer"
onClick={() => router.push(`/${workspaceSlug}/projects/${data?.project}/issues/${data?.id}`)}
>
- {getStateGroupIcon(data?.state_detail?.group, "14", "14", data?.state_detail?.color)}
+ {
}
BlockRender={IssueGanttBlock}
SidebarBlockRender={IssueGanttSidebarBlock}
- enableReorder={orderBy === "sort_order"}
+ enableBlockLeftResize={isAllowed}
+ enableBlockRightResize={isAllowed}
+ enableBlockMove={isAllowed}
+ enableReorder={orderBy === "sort_order" && isAllowed}
bottomSpacing
/>
diff --git a/apps/app/components/issues/index.ts b/web/components/issues/index.ts
similarity index 100%
rename from apps/app/components/issues/index.ts
rename to web/components/issues/index.ts
diff --git a/apps/app/components/issues/issue-reaction.tsx b/web/components/issues/issue-reaction.tsx
similarity index 100%
rename from apps/app/components/issues/issue-reaction.tsx
rename to web/components/issues/issue-reaction.tsx
diff --git a/apps/app/components/issues/label.tsx b/web/components/issues/label.tsx
similarity index 79%
rename from apps/app/components/issues/label.tsx
rename to web/components/issues/label.tsx
index c5a48d0ad..75a08ba0f 100644
--- a/apps/app/components/issues/label.tsx
+++ b/web/components/issues/label.tsx
@@ -6,16 +6,16 @@ import { Tooltip } from "components/ui";
import { IIssue } from "types";
type Props = {
- issue: IIssue;
+ labelDetails: any[];
maxRender?: number;
};
-export const ViewIssueLabel: React.FC = ({ issue, maxRender = 1 }) => (
+export const ViewIssueLabel: React.FC = ({ labelDetails, maxRender = 1 }) => (
<>
- {issue.label_details.length > 0 ? (
- issue.label_details.length <= maxRender ? (
+ {labelDetails.length > 0 ? (
+ labelDetails.length <= maxRender ? (
<>
- {issue.label_details.map((label, index) => (
+ {labelDetails.map((label) => (
= ({
: null
);
- const handleCommentUpdate = async (comment: IIssueComment) => {
+ const handleCommentUpdate = async (commentId: string, data: Partial) => {
if (!workspaceSlug || !projectId || !issueId) return;
await issuesService
@@ -85,8 +85,8 @@ export const IssueMainContent: React.FC = ({
workspaceSlug as string,
projectId as string,
issueId as string,
- comment.id,
- comment,
+ commentId,
+ data,
user
)
.then(() => mutateIssueActivity());
@@ -222,6 +222,7 @@ export const IssueMainContent: React.FC = ({
activity={issueActivity}
handleCommentUpdate={handleCommentUpdate}
handleCommentDelete={handleCommentDelete}
+ showAccessSpecifier={projectDetails && projectDetails.is_deployed}
/>
= ({
if (cycleId) prePopulateData = { ...prePopulateData, cycle: cycleId as string };
if (moduleId) prePopulateData = { ...prePopulateData, module: moduleId as string };
- if (router.asPath.includes("my-issues"))
+ if (router.asPath.includes("my-issues") || router.asPath.includes("assigned"))
prePopulateData = {
...prePopulateData,
assignees: [...(prePopulateData?.assignees ?? []), user?.id ?? ""],
diff --git a/apps/app/components/issues/my-issues/index.ts b/web/components/issues/my-issues/index.ts
similarity index 100%
rename from apps/app/components/issues/my-issues/index.ts
rename to web/components/issues/my-issues/index.ts
diff --git a/apps/app/components/issues/my-issues/my-issues-select-filters.tsx b/web/components/issues/my-issues/my-issues-select-filters.tsx
similarity index 94%
rename from apps/app/components/issues/my-issues/my-issues-select-filters.tsx
rename to web/components/issues/my-issues/my-issues-select-filters.tsx
index 58cc63679..ce8e03797 100644
--- a/apps/app/components/issues/my-issues/my-issues-select-filters.tsx
+++ b/web/components/issues/my-issues/my-issues-select-filters.tsx
@@ -11,11 +11,11 @@ import { DateFilterModal } from "components/core";
// ui
import { MultiLevelDropdown } from "components/ui";
// icons
-import { getPriorityIcon, getStateGroupIcon } from "components/icons";
+import { PriorityIcon, StateGroupIcon } from "components/icons";
// helpers
import { checkIfArraysHaveSameElements } from "helpers/array.helper";
// types
-import { IIssueFilterOptions, IQuery } from "types";
+import { IIssueFilterOptions, IQuery, TStateGroups } from "types";
// fetch-keys
import { WORKSPACE_LABELS } from "constants/fetch-keys";
// constants
@@ -61,8 +61,10 @@ export const MyIssuesSelectFilters: React.FC = ({
setIsDateFilterModalOpen(false)}
+ isOpen={isDateFilterModalOpen}
+ onSelect={onSelect}
/>
)}
= ({
id: priority === null ? "null" : priority,
label: (
= ({
id: key,
label: (
= ({
const sourceGroup = source.droppableId;
const destinationGroup = destination.droppableId;
- draggedItem[groupBy] = destinationGroup;
+ draggedItem[groupBy] = destinationGroup as TIssuePriorities;
mutate<{
[key: string]: IIssue[];
@@ -209,6 +209,15 @@ export const MyIssuesView: React.FC = ({
Object.keys(filtersToDisplay).length > 0 &&
nullFilters.length !== Object.keys(filtersToDisplay).length;
+ const isSubscribedIssuesRoute = router.pathname.includes("subscribed");
+ const isMySubscribedIssues =
+ (filters.subscriber &&
+ filters.subscriber.length > 0 &&
+ router.pathname.includes("my-issues")) ??
+ false;
+
+ const disableAddIssueOption = isSubscribedIssuesRoute || isMySubscribedIssues;
+
return (
<>
= ({
isOpen={deleteIssueModal}
data={issueToDelete}
user={user}
+ onSubmit={async () => {
+ mutateMyIssues();
+ }}
/>
{areFiltersApplied && (
<>
@@ -288,6 +300,7 @@ export const MyIssuesView: React.FC = ({
handleIssueAction={handleIssueAction}
openIssuesListModal={openIssuesListModal ? openIssuesListModal : null}
removeIssue={null}
+ disableAddIssueOption={disableAddIssueOption}
trashBox={trashBox}
setTrashBox={setTrashBox}
viewProps={{
diff --git a/apps/app/components/issues/parent-issues-list-modal.tsx b/web/components/issues/parent-issues-list-modal.tsx
similarity index 99%
rename from apps/app/components/issues/parent-issues-list-modal.tsx
rename to web/components/issues/parent-issues-list-modal.tsx
index 62091511a..a29fa6521 100644
--- a/apps/app/components/issues/parent-issues-list-modal.tsx
+++ b/web/components/issues/parent-issues-list-modal.tsx
@@ -136,7 +136,7 @@ export const ParentIssuesListModal: React.FC = ({
onClick={() => setIsWorkspaceLevel((prevData) => !prevData)}
className="flex-shrink-0"
>
- workspace level
+ Workspace Level
diff --git a/apps/app/components/issues/peek-overview/full-screen-peek-view.tsx b/web/components/issues/peek-overview/full-screen-peek-view.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/full-screen-peek-view.tsx
rename to web/components/issues/peek-overview/full-screen-peek-view.tsx
diff --git a/apps/app/components/issues/peek-overview/header.tsx b/web/components/issues/peek-overview/header.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/header.tsx
rename to web/components/issues/peek-overview/header.tsx
diff --git a/apps/app/components/issues/peek-overview/index.ts b/web/components/issues/peek-overview/index.ts
similarity index 100%
rename from apps/app/components/issues/peek-overview/index.ts
rename to web/components/issues/peek-overview/index.ts
diff --git a/apps/app/components/issues/peek-overview/issue-activity.tsx b/web/components/issues/peek-overview/issue-activity.tsx
similarity index 81%
rename from apps/app/components/issues/peek-overview/issue-activity.tsx
rename to web/components/issues/peek-overview/issue-activity.tsx
index 975b01fb0..68e608dba 100644
--- a/apps/app/components/issues/peek-overview/issue-activity.tsx
+++ b/web/components/issues/peek-overview/issue-activity.tsx
@@ -5,6 +5,7 @@ import issuesService from "services/issues.service";
// hooks
import useUser from "hooks/use-user";
import useToast from "hooks/use-toast";
+import useProjectDetails from "hooks/use-project-details";
// components
import { AddComment, IssueActivitySection } from "components/issues";
// types
@@ -22,6 +23,7 @@ export const PeekOverviewIssueActivity: React.FC
+ {showAccessSpecifier && (
+ = ({
{user?.id === comment.actor && (
+
+ )}
{data?.project_detail?.identifier} {data?.sequence_id}
diff --git a/apps/app/components/issues/gantt-chart/index.ts b/web/components/issues/gantt-chart/index.ts
similarity index 100%
rename from apps/app/components/issues/gantt-chart/index.ts
rename to web/components/issues/gantt-chart/index.ts
diff --git a/apps/app/components/issues/gantt-chart/layout.tsx b/web/components/issues/gantt-chart/layout.tsx
similarity index 77%
rename from apps/app/components/issues/gantt-chart/layout.tsx
rename to web/components/issues/gantt-chart/layout.tsx
index a42d764d8..39e169a60 100644
--- a/apps/app/components/issues/gantt-chart/layout.tsx
+++ b/web/components/issues/gantt-chart/layout.tsx
@@ -5,6 +5,7 @@ import useIssuesView from "hooks/use-issues-view";
import useUser from "hooks/use-user";
import useGanttChartIssues from "hooks/gantt-chart/issue-view";
import { updateGanttIssue } from "components/gantt-chart/hooks/block-update";
+import useProjectDetails from "hooks/use-project-details";
// components
import { GanttChartRoot, renderIssueBlocksStructure } from "components/gantt-chart";
import { IssueGanttBlock, IssueGanttSidebarBlock } from "components/issues";
@@ -18,12 +19,15 @@ export const IssueGanttChartView = () => {
const { orderBy } = useIssuesView();
const { user } = useUser();
+ const { projectDetails } = useProjectDetails();
const { ganttIssues, mutateGanttIssues } = useGanttChartIssues(
workspaceSlug as string,
projectId as string
);
+ const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
return (
= ({ issue, maxRender = 1 }) => (
l.name).join(", ")}
+ tooltipContent={labelDetails.map((l) => l.name).join(", ")}
>
diff --git a/apps/app/components/issues/main-content.tsx b/web/components/issues/main-content.tsx
similarity index 97%
rename from apps/app/components/issues/main-content.tsx
rename to web/components/issues/main-content.tsx
index bab384523..b7b154ce2 100644
--- a/apps/app/components/issues/main-content.tsx
+++ b/web/components/issues/main-content.tsx
@@ -77,7 +77,7 @@ export const IssueMainContent: React.FC
- {`${issue.label_details.length} Labels`}
+ {`${labelDetails.length} Labels`}
- {getPriorityIcon(priority)} {priority ?? "None"}
+
),
value: {
@@ -102,7 +104,7 @@ export const MyIssuesSelectFilters: React.FC
- {getStateGroupIcon(key as any, "16", "16")}{" "}
+
),
diff --git a/apps/app/components/issues/my-issues/my-issues-view-options.tsx b/web/components/issues/my-issues/my-issues-view-options.tsx
similarity index 99%
rename from apps/app/components/issues/my-issues/my-issues-view-options.tsx
rename to web/components/issues/my-issues/my-issues-view-options.tsx
index 7c6a6fe44..d31f884dc 100644
--- a/apps/app/components/issues/my-issues/my-issues-view-options.tsx
+++ b/web/components/issues/my-issues/my-issues-view-options.tsx
@@ -123,7 +123,7 @@ export const MyIssuesViewOptions: React.FC = () => {
: "text-custom-sidebar-text-200"
}`}
>
- View
+ Display
diff --git a/apps/app/components/issues/my-issues/my-issues-view.tsx b/web/components/issues/my-issues/my-issues-view.tsx
similarity index 94%
rename from apps/app/components/issues/my-issues/my-issues-view.tsx
rename to web/components/issues/my-issues/my-issues-view.tsx
index ee38849cd..a66f4618b 100644
--- a/apps/app/components/issues/my-issues/my-issues-view.tsx
+++ b/web/components/issues/my-issues/my-issues-view.tsx
@@ -18,7 +18,7 @@ import { CreateUpdateIssueModal, DeleteIssueModal } from "components/issues";
// helpers
import { orderArrayBy } from "helpers/array.helper";
// types
-import { IIssue, IIssueFilterOptions } from "types";
+import { IIssue, IIssueFilterOptions, TIssuePriorities } from "types";
// fetch-keys
import { USER_ISSUES, WORKSPACE_LABELS } from "constants/fetch-keys";
import { PlusIcon } from "@heroicons/react/24/outline";
@@ -96,7 +96,7 @@ export const MyIssuesView: React.FC
-
- {getStateGroupIcon(issue.state_detail.group, "16", "16", issue.state_detail.color)}
+
@@ -103,7 +103,7 @@ export const PeekOverviewIssueProperties: React.FC = ({
- {issue.start_date ? (
-
- handleUpdateIssue({
- start_date: val,
- })
- }
- className="bg-custom-background-100"
- wrapperClassName="w-full"
- maxDate={maxDate ?? undefined}
- disabled={readOnly}
- />
- ) : (
- Empty
- )}
+
+ handleUpdateIssue({
+ start_date: val,
+ })
+ }
+ className="bg-custom-background-80 border-none"
+ maxDate={maxDate ?? undefined}
+ disabled={readOnly}
+ />
@@ -153,23 +148,18 @@ export const PeekOverviewIssueProperties: React.FC = ({
Due date
- {issue.target_date ? (
-
- handleUpdateIssue({
- target_date: val,
- })
- }
- className="bg-custom-background-100"
- wrapperClassName="w-full"
- minDate={minDate ?? undefined}
- disabled={readOnly}
- />
- ) : (
- Empty
- )}
+
+ handleUpdateIssue({
+ target_date: val,
+ })
+ }
+ className="bg-custom-background-80 border-none"
+ minDate={minDate ?? undefined}
+ disabled={readOnly}
+ />
diff --git a/apps/app/components/issues/peek-overview/layout.tsx b/web/components/issues/peek-overview/layout.tsx
similarity index 63%
rename from apps/app/components/issues/peek-overview/layout.tsx
rename to web/components/issues/peek-overview/layout.tsx
index 50fa5df68..57bcb904c 100644
--- a/apps/app/components/issues/peek-overview/layout.tsx
+++ b/web/components/issues/peek-overview/layout.tsx
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
import { useRouter } from "next/router";
+import { mutate } from "swr";
// mobx
import { observer } from "mobx-react-lite";
import { useMobxStore } from "lib/mobx/store-provider";
@@ -10,9 +11,11 @@ import { Dialog, Transition } from "@headlessui/react";
// hooks
import useUser from "hooks/use-user";
// components
-import { FullScreenPeekView, SidePeekView } from "components/issues";
+import { DeleteIssueModal, FullScreenPeekView, SidePeekView } from "components/issues";
// types
import { IIssue } from "types";
+// fetch-keys
+import { PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
type Props = {
handleMutation: () => void;
@@ -28,6 +31,7 @@ export const IssuePeekOverview: React.FC = observer(
const [isSidePeekOpen, setIsSidePeekOpen] = useState(false);
const [isModalPeekOpen, setIsModalPeekOpen] = useState(false);
const [peekOverviewMode, setPeekOverviewMode] = useState("side");
+ const [deleteIssueModal, setDeleteIssueModal] = useState(false);
const router = useRouter();
const { peekIssue } = router.query;
@@ -53,6 +57,7 @@ export const IssuePeekOverview: React.FC = observer(
if (!issue || !user) return;
await updateIssue(workspaceSlug, projectId, issue.id, formData, user);
+ mutate(PROJECT_ISSUES_ACTIVITY(issue.id));
handleMutation();
};
@@ -81,7 +86,6 @@ export const IssuePeekOverview: React.FC = observer(
setIsSidePeekOpen(false);
}
} else {
- console.log("Triggered");
setIsSidePeekOpen(false);
setIsModalPeekOpen(false);
}
@@ -89,33 +93,38 @@ export const IssuePeekOverview: React.FC = observer(
return (
<>
+ setDeleteIssueModal(false)}
+ data={issue ? { ...issue } : null}
+ onSubmit={handleDeleteIssue}
+ user={user}
+ />
}
value={issueCycle ? issueCycle.cycle_detail.id : null}
onChange={(value: any) => {
diff --git a/apps/app/components/issues/sidebar-select/estimate.tsx b/web/components/issues/sidebar-select/estimate.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/estimate.tsx
rename to web/components/issues/sidebar-select/estimate.tsx
diff --git a/apps/app/components/issues/sidebar-select/index.ts b/web/components/issues/sidebar-select/index.ts
similarity index 100%
rename from apps/app/components/issues/sidebar-select/index.ts
rename to web/components/issues/sidebar-select/index.ts
diff --git a/apps/app/components/issues/sidebar-select/label.tsx b/web/components/issues/sidebar-select/label.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/label.tsx
rename to web/components/issues/sidebar-select/label.tsx
diff --git a/apps/app/components/issues/sidebar-select/module.tsx b/web/components/issues/sidebar-select/module.tsx
similarity index 78%
rename from apps/app/components/issues/sidebar-select/module.tsx
rename to web/components/issues/sidebar-select/module.tsx
index a183fe951..c9599bdf4 100644
--- a/apps/app/components/issues/sidebar-select/module.tsx
+++ b/web/components/issues/sidebar-select/module.tsx
@@ -56,27 +56,29 @@ export const SidebarModuleSelect: React.FC
- {getStateGroupIcon(state.group, "16", "16", state.color)}
+
),
@@ -75,8 +75,9 @@ export const ViewStateSelect: React.FC
- {selectedOption &&
- getStateGroupIcon(selectedOption.group, "14", "14", selectedOption.color)}
+ {selectedOption && (
+
diff --git a/apps/app/components/labels/create-label-modal.tsx b/web/components/labels/create-label-modal.tsx
similarity index 100%
rename from apps/app/components/labels/create-label-modal.tsx
rename to web/components/labels/create-label-modal.tsx
diff --git a/apps/app/components/labels/create-update-label-inline.tsx b/web/components/labels/create-update-label-inline.tsx
similarity index 100%
rename from apps/app/components/labels/create-update-label-inline.tsx
rename to web/components/labels/create-update-label-inline.tsx
diff --git a/apps/app/components/labels/delete-label-modal.tsx b/web/components/labels/delete-label-modal.tsx
similarity index 100%
rename from apps/app/components/labels/delete-label-modal.tsx
rename to web/components/labels/delete-label-modal.tsx
diff --git a/apps/app/components/labels/index.ts b/web/components/labels/index.ts
similarity index 100%
rename from apps/app/components/labels/index.ts
rename to web/components/labels/index.ts
diff --git a/apps/app/components/labels/labels-list-modal.tsx b/web/components/labels/labels-list-modal.tsx
similarity index 100%
rename from apps/app/components/labels/labels-list-modal.tsx
rename to web/components/labels/labels-list-modal.tsx
diff --git a/apps/app/components/labels/single-label-group.tsx b/web/components/labels/single-label-group.tsx
similarity index 100%
rename from apps/app/components/labels/single-label-group.tsx
rename to web/components/labels/single-label-group.tsx
diff --git a/apps/app/components/labels/single-label.tsx b/web/components/labels/single-label.tsx
similarity index 100%
rename from apps/app/components/labels/single-label.tsx
rename to web/components/labels/single-label.tsx
diff --git a/apps/app/components/modules/delete-module-modal.tsx b/web/components/modules/delete-module-modal.tsx
similarity index 100%
rename from apps/app/components/modules/delete-module-modal.tsx
rename to web/components/modules/delete-module-modal.tsx
diff --git a/apps/app/components/modules/form.tsx b/web/components/modules/form.tsx
similarity index 100%
rename from apps/app/components/modules/form.tsx
rename to web/components/modules/form.tsx
diff --git a/apps/app/components/modules/gantt-chart/blocks.tsx b/web/components/modules/gantt-chart/blocks.tsx
similarity index 100%
rename from apps/app/components/modules/gantt-chart/blocks.tsx
rename to web/components/modules/gantt-chart/blocks.tsx
diff --git a/apps/app/components/modules/gantt-chart/index.ts b/web/components/modules/gantt-chart/index.ts
similarity index 100%
rename from apps/app/components/modules/gantt-chart/index.ts
rename to web/components/modules/gantt-chart/index.ts
diff --git a/apps/app/components/modules/gantt-chart/module-issues-layout.tsx b/web/components/modules/gantt-chart/module-issues-layout.tsx
similarity index 79%
rename from apps/app/components/modules/gantt-chart/module-issues-layout.tsx
rename to web/components/modules/gantt-chart/module-issues-layout.tsx
index 9c0b05078..c350232e9 100644
--- a/apps/app/components/modules/gantt-chart/module-issues-layout.tsx
+++ b/web/components/modules/gantt-chart/module-issues-layout.tsx
@@ -7,6 +7,7 @@ import useIssuesView from "hooks/use-issues-view";
import useUser from "hooks/use-user";
import useGanttChartModuleIssues from "hooks/gantt-chart/module-issues-view";
import { updateGanttIssue } from "components/gantt-chart/hooks/block-update";
+import useProjectDetails from "hooks/use-project-details";
// components
import { GanttChartRoot, renderIssueBlocksStructure } from "components/gantt-chart";
import { IssueGanttBlock, IssueGanttSidebarBlock } from "components/issues";
@@ -22,6 +23,7 @@ export const ModuleIssuesGanttChartView: FCPublish
- {watch("id") && ( + {projectPublish.projectPublishSettings !== "not-initialized" && (
-
+
+ ) : (
+ = (props) => {
});
const uninvitedPeople = people?.filter((person) => {
- const isInvited = members?.find((member) => member.display_name === person.member.display_name);
+ const isInvited = members?.find((member) => member.memberId === person.member.id);
+
return !isInvited;
});
@@ -143,7 +144,7 @@ const SendProjectInvitationModal: React.FC = (props) => {
content: (
= (props) => {
}
) : (
-
-
+ {projectPublish.fetchSettingsLoader ? (
+
- {`${plane_deploy_url}/${workspaceSlug}/${projectPublish.project_id}`}
-
-
-
-
+ {watch("id") && (
+ <>
+
diff --git a/apps/app/components/project/publish-project/popover.tsx b/web/components/project/publish-project/popover.tsx
similarity index 100%
rename from apps/app/components/project/publish-project/popover.tsx
rename to web/components/project/publish-project/popover.tsx
diff --git a/apps/app/components/project/send-project-invitation-modal.tsx b/web/components/project/send-project-invitation-modal.tsx
similarity index 97%
rename from apps/app/components/project/send-project-invitation-modal.tsx
rename to web/components/project/send-project-invitation-modal.tsx
index 414ef7a6c..b8f383f05 100644
--- a/apps/app/components/project/send-project-invitation-modal.tsx
+++ b/web/components/project/send-project-invitation-modal.tsx
@@ -85,7 +85,8 @@ const SendProjectInvitationModal: React.FC
+
+
+ {`${plane_deploy_url}/${workspaceSlug}/${projectPublish.project_id}`}
+
+
+
+
+
+
+ )}
- {watch("id") && (
-
+
+ This project is live on web
+
-
- )}
-
-
-
- This project is live on web
-
-
+ )}
{/* modal handlers */}
- (
- 0
- ? viewOptions
- .filter((v) => value.includes(v.key))
- .map((v) => v.label)
- .join(", ")
- : ``
- }
- placeholder="Select views"
- >
- <>
- {viewOptions.map((option) => (
-
- Views
- {
- const _views =
- value.length > 0
- ? value.includes(option.key)
- ? value.filter((_o: string) => _o !== option.key)
- : [...value, option.key]
- : [option.key];
-
- if (_views.length === 0) return;
-
- onChange(_views);
- checkIfUpdateIsRequired();
- }}
- >
-
+ {option.label}
+
+
+ ))}
+
+
+ )}
+ />
+
+ (
+ 0
+ ? viewOptions
+ .filter((v) => value.includes(v.key))
+ .map((v) => v.label)
+ .join(", ")
+ : ``
+ }
+ placeholder="Select views"
+ >
+ <>
+ {viewOptions.map((option) => (
- ))}
-
-
- )}
- />
- Views
+ {
+ const _views =
+ value.length > 0
+ ? value.includes(option.key)
+ ? value.filter((_o: string) => _o !== option.key)
+ : [...value, option.key]
+ : [option.key];
+
+ if (_views.length === 0) return;
+
+ onChange(_views);
+ checkIfUpdateIsRequired();
+ }}
>
- {value.length > 0 && value.includes(option.key) && (
-
- {option.label}
+
+ {value.length > 0 && value.includes(option.key) && (
+
+ (
+ {
+ onChange(val);
+ checkIfUpdateIsRequired();
+ }}
+ size="sm"
+ />
+ )}
+ />
+
+ Allow comments
+
+ (
+ {
+ onChange(val);
+ checkIfUpdateIsRequired();
+ }}
+ size="sm"
+ />
+ )}
+ />
+
+ Allow reactions
+
+ (
+ {
+ onChange(val);
+ checkIfUpdateIsRequired();
+ }}
+ size="sm"
+ />
+ )}
+ />
+
- Allow voting
+
- (
- {
- onChange(val);
- checkIfUpdateIsRequired();
- }}
- size="sm"
- />
- )}
- />
-
- Allow comments
-
- (
- {
- onChange(val);
- checkIfUpdateIsRequired();
- }}
- size="sm"
- />
- )}
- />
-
- Allow reactions
-
- (
- {
- onChange(val);
- checkIfUpdateIsRequired();
- }}
- size="sm"
- />
- )}
- />
-
-
- {/* Allow voting
-
+ {/*
= observer(() => {
)}
/>
*/}
+
Allow issue proposals
@@ -490,22 +498,24 @@ export const PublishProjectModal: React.FC = observer(() => {
- Anyone with the link can access
- Cancel
- {watch("id") ? (
- <>
- {isUpdateRequired && (
-
- {isSubmitting ? "Updating..." : "Update settings"}
-
- )}
-
- ) : (
-
- {isSubmitting ? "Publishing..." : "Publish"}
-
- )}
-
+ {!projectPublish.fetchSettingsLoader && (
+
+ Cancel
+ {watch("id") ? (
+ <>
+ {isUpdateRequired && (
+
+ {isSubmitting ? "Updating..." : "Update settings"}
+
+ )}
+
+ ) : (
+
+ {isSubmitting ? "Publishing..." : "Publish"}
+
+ )}
+
+ )}
Select co-worker’s email
+ Select co-worker
)}
diff --git a/apps/app/components/project/settings-header.tsx b/web/components/project/settings-header.tsx
similarity index 100%
rename from apps/app/components/project/settings-header.tsx
rename to web/components/project/settings-header.tsx
diff --git a/apps/app/components/project/settings/single-label.tsx b/web/components/project/settings/single-label.tsx
similarity index 100%
rename from apps/app/components/project/settings/single-label.tsx
rename to web/components/project/settings/single-label.tsx
diff --git a/apps/app/components/project/sidebar-list.tsx b/web/components/project/sidebar-list.tsx
similarity index 97%
rename from apps/app/components/project/sidebar-list.tsx
rename to web/components/project/sidebar-list.tsx
index 0ab8f9bee..a46a97f04 100644
--- a/apps/app/components/project/sidebar-list.tsx
+++ b/web/components/project/sidebar-list.tsx
@@ -35,6 +35,7 @@ export const ProjectSidebarList: FC = () => {
const [isProjectModalOpen, setIsProjectModalOpen] = useState(false);
const [deleteProjectModal, setDeleteProjectModal] = useState(false);
const [projectToDelete, setProjectToDelete] = useState
+ {provided && (
+
+
+
+ )}
+
+
+
+
+
+ {!sidebarCollapse && (
+
+ {!shortContextMenu && isAdmin && (
+
+
+
+ )}
+ {!project.is_favorite && (
+
+
+
+ )}
+ {project.is_favorite && (
+
+
+
+ )}
+
+
+
+
+ {/* publish project settings */}
+ {isAdmin && (
+ projectPublish.handleProjectModal(project?.id)}
+ >
+
+ )}
+
+ {project.archive_in > 0 && (
+
+ router.push(`/${workspaceSlug}/projects/${project?.id}/archived-issues/`)
+ }
+ >
+
+ )}
+ router.push(`/${workspaceSlug}/projects/${project?.id}/settings`)}
+ >
+
+
+ {/* leave project */}
+ {isViewerOrGuest && (
+
+ projectStore.handleProjectLeaveModal({
+ id: project?.id,
+ name: project?.name,
+ workspaceSlug: workspaceSlug as string,
+ })
+ }
+ >
+
+ )}
+
+ )}
+
+
+
+ {project.emoji ? (
+
+ {renderEmoji(project.emoji)}
+
+ ) : project.icon_prop ? (
+
+ {!sidebarCollapse && (
+
+ {renderEmoji(project.icon_prop)}
+
+ ) : (
+
+ {project?.name.charAt(0)}
+
+ )}
+
+ {!sidebarCollapse && (
+ + {project.name} +
+ )} +
+
+
+
+ {project.is_deployed ? "Publish settings" : "Publish"}
+
+
+
+
+
+
+
+
+
- {getStateGroupIcon(state.group, "20", "20", state.color)}
+ ;
+
+export const EditorBubbleMenu: FC = (props: any) => {
+ const items: BubbleMenuItem[] = [
+ {
+ name: "bold",
+ isActive: () => props.editor?.isActive("bold"),
+ command: () => props.editor?.chain().focus().toggleBold().run(),
+ icon: BoldIcon,
+ },
+ {
+ name: "italic",
+ isActive: () => props.editor?.isActive("italic"),
+ command: () => props.editor?.chain().focus().toggleItalic().run(),
+ icon: ItalicIcon,
+ },
+ {
+ name: "underline",
+ isActive: () => props.editor?.isActive("underline"),
+ command: () => props.editor?.chain().focus().toggleUnderline().run(),
+ icon: UnderlineIcon,
+ },
+ {
+ name: "strike",
+ isActive: () => props.editor?.isActive("strike"),
+ command: () => props.editor?.chain().focus().toggleStrike().run(),
+ icon: StrikethroughIcon,
+ },
+ {
+ name: "code",
+ isActive: () => props.editor?.isActive("code"),
+ command: () => props.editor?.chain().focus().toggleCode().run(),
+ icon: CodeIcon,
+ },
+ ];
+
+ const bubbleMenuProps: EditorBubbleMenuProps = {
+ ...props,
+ shouldShow: ({ editor }) => {
+ if (!editor.isEditable) {
+ return false;
+ }
+ if (editor.isActive("image")) {
+ return false;
+ }
+ return editor.view.state.selection.content().size > 0;
+ },
+ tippyOptions: {
+ moveTransition: "transform 0.15s ease-out",
+ onHidden: () => {
+ setIsNodeSelectorOpen(false);
+ setIsLinkSelectorOpen(false);
+ },
+ },
+ };
+
+ const [isNodeSelectorOpen, setIsNodeSelectorOpen] = useState(false);
+ const [isLinkSelectorOpen, setIsLinkSelectorOpen] = useState(false);
+
+ return (
+
+ {!props.editor.isActive("table") && (
+ {
+ setIsNodeSelectorOpen(!isNodeSelectorOpen);
+ setIsLinkSelectorOpen(false);
+ }}
+ />
+ )}
+ {
+ setIsLinkSelectorOpen(!isLinkSelectorOpen);
+ setIsNodeSelectorOpen(false);
+ }}
+ />
+
+ );
+};
diff --git a/web/components/tiptap/bubble-menu/link-selector.tsx b/web/components/tiptap/bubble-menu/link-selector.tsx
new file mode 100644
index 000000000..559521db6
--- /dev/null
+++ b/web/components/tiptap/bubble-menu/link-selector.tsx
@@ -0,0 +1,92 @@
+import { Editor } from "@tiptap/core";
+import { Check, Trash } from "lucide-react";
+import { Dispatch, FC, SetStateAction, useCallback, useEffect, useRef } from "react";
+import { cn } from "../utils";
+import isValidHttpUrl from "./utils/link-validator";
+interface LinkSelectorProps {
+ editor: Editor;
+ isOpen: boolean;
+ setIsOpen: Dispatch>;
+}
+
+export const LinkSelector: FC = ({ editor, isOpen, setIsOpen }) => {
+ const inputRef = useRef(null);
+
+ const onLinkSubmit = useCallback(() => {
+ const input = inputRef.current;
+ const url = input?.value;
+ if (url && isValidHttpUrl(url)) {
+ editor.chain().focus().setLink({ href: url }).run();
+ setIsOpen(false);
+ }
+ }, [editor, inputRef, setIsOpen]);
+
+ useEffect(() => {
+ inputRef.current && inputRef.current?.focus();
+ });
+
+ return (
+ >;
+}
+
+export const NodeSelector: FC = ({ editor, isOpen, setIsOpen }) => {
+ const items: BubbleMenuItem[] = [
+ {
+ name: "Text",
+ icon: TextIcon,
+ command: () => editor.chain().focus().toggleNode("paragraph", "paragraph").run(),
+ isActive: () =>
+ editor.isActive("paragraph") &&
+ !editor.isActive("bulletList") &&
+ !editor.isActive("orderedList"),
+ },
+ {
+ name: "H1",
+ icon: Heading1,
+ command: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+ isActive: () => editor.isActive("heading", { level: 1 }),
+ },
+ {
+ name: "H2",
+ icon: Heading2,
+ command: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+ isActive: () => editor.isActive("heading", { level: 2 }),
+ },
+ {
+ name: "H3",
+ icon: Heading3,
+ command: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+ isActive: () => editor.isActive("heading", { level: 3 }),
+ },
+ {
+ name: "To-do List",
+ icon: CheckSquare,
+ command: () => editor.chain().focus().toggleTaskList().run(),
+ isActive: () => editor.isActive("taskItem"),
+ },
+ {
+ name: "Bullet List",
+ icon: ListOrdered,
+ command: () => editor.chain().focus().toggleBulletList().run(),
+ isActive: () => editor.isActive("bulletList"),
+ },
+ {
+ name: "Numbered List",
+ icon: ListOrdered,
+ command: () => editor.chain().focus().toggleOrderedList().run(),
+ isActive: () => editor.isActive("orderedList"),
+ },
+ {
+ name: "Quote",
+ icon: TextQuote,
+ command: () =>
+ editor.chain().focus().toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
+ isActive: () => editor.isActive("blockquote"),
+ },
+ {
+ name: "Code",
+ icon: Code,
+ command: () => editor.chain().focus().toggleCodeBlock().run(),
+ isActive: () => editor.isActive("codeBlock"),
+ },
+ ];
+
+ const activeItem = items.filter((item) => item.isActive()).pop() ?? {
+ name: "Multiple",
+ };
+
+ return (
+ {
+ delta[0] && (target!.style.width = `${width}px`);
+ delta[1] && (target!.style.height = `${height}px`);
+ }}
+ onResizeEnd={() => {
+ updateMediaSize();
+ }}
+ scalable={true}
+ renderDirections={["w", "e"]}
+ onScale={({ target, transform }: any) => {
+ target!.style.transform = transform;
+ }}
+ />
+
+ );
+};
diff --git a/web/components/tiptap/extensions/index.tsx b/web/components/tiptap/extensions/index.tsx
new file mode 100644
index 000000000..f5dc11384
--- /dev/null
+++ b/web/components/tiptap/extensions/index.tsx
@@ -0,0 +1,153 @@
+import StarterKit from "@tiptap/starter-kit";
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
+import TiptapLink from "@tiptap/extension-link";
+import Placeholder from "@tiptap/extension-placeholder";
+import TiptapUnderline from "@tiptap/extension-underline";
+import TextStyle from "@tiptap/extension-text-style";
+import { Color } from "@tiptap/extension-color";
+import TaskItem from "@tiptap/extension-task-item";
+import TaskList from "@tiptap/extension-task-list";
+import { Markdown } from "tiptap-markdown";
+import Highlight from "@tiptap/extension-highlight";
+import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import { lowlight } from "lowlight/lib/core";
+import SlashCommand from "../slash-command";
+import { InputRule } from "@tiptap/core";
+import Gapcursor from "@tiptap/extension-gapcursor";
+
+import ts from "highlight.js/lib/languages/typescript";
+
+import "highlight.js/styles/github-dark.css";
+import UniqueID from "@tiptap-pro/extension-unique-id";
+import UpdatedImage from "./updated-image";
+import isValidHttpUrl from "../bubble-menu/utils/link-validator";
+import { CustomTableCell } from "./table/table-cell";
+import { Table } from "./table/table";
+import { TableHeader } from "./table/table-header";
+import { TableRow } from "@tiptap/extension-table-row";
+
+lowlight.registerLanguage("ts", ts);
+
+export const TiptapExtensions = (
+ workspaceSlug: string,
+ setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+) => [
+ StarterKit.configure({
+ bulletList: {
+ HTMLAttributes: {
+ class: "list-disc list-outside leading-3 -mt-2",
+ },
+ },
+ orderedList: {
+ HTMLAttributes: {
+ class: "list-decimal list-outside leading-3 -mt-2",
+ },
+ },
+ listItem: {
+ HTMLAttributes: {
+ class: "leading-normal -mb-2",
+ },
+ },
+ blockquote: {
+ HTMLAttributes: {
+ class: "border-l-4 border-custom-border-300",
+ },
+ },
+ code: {
+ HTMLAttributes: {
+ class:
+ "rounded-md bg-custom-primary-30 mx-1 px-1 py-1 font-mono font-medium text-custom-text-1000",
+ spellcheck: "false",
+ },
+ },
+ codeBlock: false,
+ horizontalRule: false,
+ dropcursor: {
+ color: "rgba(var(--color-text-100))",
+ width: 2,
+ },
+ gapcursor: false,
+ }),
+ CodeBlockLowlight.configure({
+ lowlight,
+ }),
+ HorizontalRule.extend({
+ addInputRules() {
+ return [
+ new InputRule({
+ find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+ handler: ({ state, range, commands }) => {
+ commands.splitBlock();
+
+ const attributes = {};
+ const { tr } = state;
+ const start = range.from;
+ const end = range.to;
+ // @ts-ignore
+ tr.replaceWith(start - 1, end, this.type.create(attributes));
+ },
+ }),
+ ];
+ },
+ }).configure({
+ HTMLAttributes: {
+ class: "mb-6 border-t border-custom-border-300",
+ },
+ }),
+ Gapcursor,
+ TiptapLink.configure({
+ protocols: ["http", "https"],
+ validate: (url) => isValidHttpUrl(url),
+ HTMLAttributes: {
+ class:
+ "text-custom-primary-300 underline underline-offset-[3px] hover:text-custom-primary-500 transition-colors cursor-pointer",
+ },
+ }),
+ UpdatedImage.configure({
+ HTMLAttributes: {
+ class: "rounded-lg border border-custom-border-300",
+ },
+ }),
+ Placeholder.configure({
+ placeholder: ({ node }) => {
+ if (node.type.name === "heading") {
+ return `Heading ${node.attrs.level}`;
+ }
+ if (node.type.name === "image" || node.type.name === "table") {
+ return "";
+ }
+
+ return "Press '/' for commands...";
+ },
+ includeChildren: true,
+ }),
+ UniqueID.configure({
+ types: ["image"],
+ }),
+ SlashCommand(workspaceSlug, setIsSubmitting),
+ TiptapUnderline,
+ TextStyle,
+ Color,
+ Highlight.configure({
+ multicolor: true,
+ }),
+ TaskList.configure({
+ HTMLAttributes: {
+ class: "not-prose pl-2",
+ },
+ }),
+ TaskItem.configure({
+ HTMLAttributes: {
+ class: "flex items-start my-4",
+ },
+ nested: true,
+ }),
+ Markdown.configure({
+ html: true,
+ transformCopiedText: true,
+ }),
+ Table,
+ TableHeader,
+ CustomTableCell,
+ TableRow,
+ ];
diff --git a/web/components/tiptap/extensions/table/table-cell.ts b/web/components/tiptap/extensions/table/table-cell.ts
new file mode 100644
index 000000000..643cb8c64
--- /dev/null
+++ b/web/components/tiptap/extensions/table/table-cell.ts
@@ -0,0 +1,32 @@
+import { TableCell } from "@tiptap/extension-table-cell";
+
+export const CustomTableCell = TableCell.extend({
+ addAttributes() {
+ return {
+ ...this.parent?.(),
+ isHeader: {
+ default: false,
+ parseHTML: (element) => {
+ isHeader: element.tagName === "TD";
+ },
+ renderHTML: (attributes) => {
+ tag: attributes.isHeader ? "th" : "td";
+ },
+ },
+ };
+ },
+ renderHTML({ HTMLAttributes }) {
+ if (HTMLAttributes.isHeader) {
+ return [
+ "th",
+ {
+ ...HTMLAttributes,
+ class: `relative ${HTMLAttributes.class}`,
+ },
+ ["span", { class: "absolute top-0 right-0" }],
+ 0,
+ ];
+ }
+ return ["td", HTMLAttributes, 0];
+ },
+});
diff --git a/web/components/tiptap/extensions/table/table-header.ts b/web/components/tiptap/extensions/table/table-header.ts
new file mode 100644
index 000000000..f23aa93ef
--- /dev/null
+++ b/web/components/tiptap/extensions/table/table-header.ts
@@ -0,0 +1,7 @@
+import { TableHeader as BaseTableHeader } from "@tiptap/extension-table-header";
+
+const TableHeader = BaseTableHeader.extend({
+ content: "paragraph",
+});
+
+export { TableHeader };
diff --git a/web/components/tiptap/extensions/table/table.ts b/web/components/tiptap/extensions/table/table.ts
new file mode 100644
index 000000000..9b727bb51
--- /dev/null
+++ b/web/components/tiptap/extensions/table/table.ts
@@ -0,0 +1,9 @@
+import { Table as BaseTable } from "@tiptap/extension-table";
+
+const Table = BaseTable.configure({
+ resizable: true,
+ cellMinWidth: 100,
+ allowTableNodeSelection: true,
+});
+
+export { Table };
diff --git a/web/components/tiptap/extensions/updated-image.tsx b/web/components/tiptap/extensions/updated-image.tsx
new file mode 100644
index 000000000..b62050953
--- /dev/null
+++ b/web/components/tiptap/extensions/updated-image.tsx
@@ -0,0 +1,22 @@
+import Image from "@tiptap/extension-image";
+import TrackImageDeletionPlugin from "../plugins/delete-image";
+import UploadImagesPlugin from "../plugins/upload-image";
+
+const UpdatedImage = Image.extend({
+ addProseMirrorPlugins() {
+ return [UploadImagesPlugin(), TrackImageDeletionPlugin()];
+ },
+ addAttributes() {
+ return {
+ ...this.parent?.(),
+ width: {
+ default: "35%",
+ },
+ height: {
+ default: null,
+ },
+ };
+ },
+});
+
+export default UpdatedImage;
diff --git a/web/components/tiptap/index.tsx b/web/components/tiptap/index.tsx
new file mode 100644
index 000000000..84f691c35
--- /dev/null
+++ b/web/components/tiptap/index.tsx
@@ -0,0 +1,110 @@
+import { useImperativeHandle, useRef, forwardRef, useEffect } from "react";
+import { useEditor, EditorContent, Editor } from "@tiptap/react";
+import { useDebouncedCallback } from "use-debounce";
+// components
+import { EditorBubbleMenu } from "./bubble-menu";
+import { TiptapExtensions } from "./extensions";
+import { TiptapEditorProps } from "./props";
+import { ImageResizer } from "./extensions/image-resize";
+import { TableMenu } from "./table-menu";
+
+export interface ITipTapRichTextEditor {
+ value: string;
+ noBorder?: boolean;
+ borderOnFocus?: boolean;
+ customClassName?: string;
+ editorContentCustomClassNames?: string;
+ onChange?: (json: any, html: string) => void;
+ setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void;
+ setShouldShowAlert?: (showAlert: boolean) => void;
+ workspaceSlug: string;
+ editable?: boolean;
+ forwardedRef?: any;
+ debouncedUpdatesEnabled?: boolean;
+}
+
+const Tiptap = (props: ITipTapRichTextEditor) => {
+ const {
+ onChange,
+ debouncedUpdatesEnabled,
+ forwardedRef,
+ editable,
+ setIsSubmitting,
+ setShouldShowAlert,
+ editorContentCustomClassNames,
+ value,
+ noBorder,
+ workspaceSlug,
+ borderOnFocus,
+ customClassName,
+ } = props;
+
+ const editor = useEditor({
+ editable: editable ?? true,
+ editorProps: TiptapEditorProps(workspaceSlug, setIsSubmitting),
+ extensions: TiptapExtensions(workspaceSlug, setIsSubmitting),
+ content: value,
+ onUpdate: async ({ editor }) => {
+ // for instant feedback loop
+ setIsSubmitting?.("submitting");
+ setShouldShowAlert?.(true);
+ if (debouncedUpdatesEnabled) {
+ debouncedUpdates({ onChange, editor });
+ } else {
+ onChange?.(editor.getJSON(), editor.getHTML());
+ }
+ },
+ });
+
+ const editorRef: React.MutableRefObject = useRef(null);
+
+ useImperativeHandle(forwardedRef, () => ({
+ clearEditor: () => {
+ editorRef.current?.commands.clearContent();
+ },
+ setEditorValue: (content: string) => {
+ editorRef.current?.commands.setContent(content);
+ },
+ }));
+
+ const debouncedUpdates = useDebouncedCallback(async ({ onChange, editor }) => {
+ setTimeout(async () => {
+ if (onChange) {
+ onChange(editor.getJSON(), editor.getHTML());
+ }
+ }, 500);
+ }, 1000);
+
+ const editorClassNames = `relative w-full max-w-full sm:rounded-lg mt-2 p-3 relative focus:outline-none rounded-md
+ ${noBorder ? "" : "border border-custom-border-200"} ${
+ borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
+ } ${customClassName}`;
+
+ if (!editor) return null;
+ editorRef.current = editor;
+
+ return (
+ ((props, ref) => (
+ {
+ try {
+ const assetUrlWithWorkspaceId = new URL(src).pathname.substring(1);
+ const resStatus = await fileService.deleteImage(assetUrlWithWorkspaceId);
+ if (resStatus === 204) {
+ console.log("Image deleted successfully");
+ }
+ } catch (error) {
+ console.error("Error deleting image: ", error);
+ }
+}
diff --git a/web/components/tiptap/plugins/upload-image.tsx b/web/components/tiptap/plugins/upload-image.tsx
new file mode 100644
index 000000000..bc0acdc54
--- /dev/null
+++ b/web/components/tiptap/plugins/upload-image.tsx
@@ -0,0 +1,127 @@
+import { EditorState, Plugin, PluginKey } from "@tiptap/pm/state";
+import { Decoration, DecorationSet, EditorView } from "@tiptap/pm/view";
+import fileService from "services/file.service";
+
+const uploadKey = new PluginKey("upload-image");
+
+const UploadImagesPlugin = () =>
+ new Plugin({
+ key: uploadKey,
+ state: {
+ init() {
+ return DecorationSet.empty;
+ },
+ apply(tr, set) {
+ set = set.map(tr.mapping, tr.doc);
+ // See if the transaction adds or removes any placeholders
+ const action = tr.getMeta(uploadKey);
+ if (action && action.add) {
+ const { id, pos, src } = action.add;
+
+ const placeholder = document.createElement("div");
+ placeholder.setAttribute("class", "img-placeholder");
+ const image = document.createElement("img");
+ image.setAttribute("class", "opacity-10 rounded-lg border border-custom-border-300");
+ image.src = src;
+ placeholder.appendChild(image);
+ const deco = Decoration.widget(pos + 1, placeholder, {
+ id,
+ });
+ set = set.add(tr.doc, [deco]);
+ } else if (action && action.remove) {
+ set = set.remove(set.find(undefined, undefined, (spec) => spec.id == action.remove.id));
+ }
+ return set;
+ },
+ },
+ props: {
+ decorations(state) {
+ return this.getState(state);
+ },
+ },
+ });
+
+export default UploadImagesPlugin;
+
+function findPlaceholder(state: EditorState, id: {}) {
+ const decos = uploadKey.getState(state);
+ const found = decos.find(
+ undefined,
+ undefined,
+ (spec: { id: number | undefined }) => spec.id == id
+ );
+ return found.length ? found[0].from : null;
+}
+
+export async function startImageUpload(
+ file: File,
+ view: EditorView,
+ pos: number,
+ workspaceSlug: string,
+ setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+) {
+ if (!file.type.includes("image/")) {
+ return;
+ }
+
+ const id = {};
+
+ const tr = view.state.tr;
+ if (!tr.selection.empty) tr.deleteSelection();
+
+ const reader = new FileReader();
+ reader.readAsDataURL(file);
+ reader.onload = () => {
+ tr.setMeta(uploadKey, {
+ add: {
+ id,
+ pos,
+ src: reader.result,
+ },
+ });
+ view.dispatch(tr);
+ };
+
+ if (!workspaceSlug) {
+ return;
+ }
+ setIsSubmitting?.("submitting");
+ const src = await UploadImageHandler(file, workspaceSlug);
+ const { schema } = view.state;
+ pos = findPlaceholder(view.state, id);
+
+ if (pos == null) return;
+ const imageSrc = typeof src === "object" ? reader.result : src;
+
+ const node = schema.nodes.image.create({ src: imageSrc });
+ const transaction = view.state.tr
+ .replaceWith(pos, pos, node)
+ .setMeta(uploadKey, { remove: { id } });
+ view.dispatch(transaction);
+}
+
+const UploadImageHandler = (file: File, workspaceSlug: string): Promise => {
+ if (!workspaceSlug) {
+ return Promise.reject("Workspace slug is missing");
+ }
+ try {
+ const formData = new FormData();
+ formData.append("asset", file);
+ formData.append("attributes", JSON.stringify({}));
+
+ return new Promise(async (resolve, reject) => {
+ const imageUrl = await fileService
+ .uploadFile(workspaceSlug, formData)
+ .then((response) => response.asset);
+
+ const image = new Image();
+ image.src = imageUrl;
+ image.onload = () => {
+ resolve(imageUrl);
+ };
+ });
+ } catch (error) {
+ console.log(error);
+ return Promise.reject(error);
+ }
+};
diff --git a/web/components/tiptap/props.tsx b/web/components/tiptap/props.tsx
new file mode 100644
index 000000000..8233e3ab4
--- /dev/null
+++ b/web/components/tiptap/props.tsx
@@ -0,0 +1,69 @@
+import { EditorProps } from "@tiptap/pm/view";
+import { startImageUpload } from "./plugins/upload-image";
+import { findTableAncestor } from "./table-menu";
+
+export function TiptapEditorProps(
+ workspaceSlug: string,
+ setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+): EditorProps {
+ return {
+ attributes: {
+ class: `prose prose-brand max-w-full prose-headings:font-display font-default focus:outline-none`,
+ },
+ handleDOMEvents: {
+ keydown: (_view, event) => {
+ // prevent default event listeners from firing when slash command is active
+ if (["ArrowUp", "ArrowDown", "Enter"].includes(event.key)) {
+ const slashCommand = document.querySelector("#slash-command");
+ if (slashCommand) {
+ return true;
+ }
+ }
+ },
+ },
+ handlePaste: (view, event) => {
+ if (typeof window !== "undefined") {
+ const selection: any = window?.getSelection();
+ if (selection.rangeCount !== 0) {
+ const range = selection.getRangeAt(0);
+ if (findTableAncestor(range.startContainer)) {
+ return;
+ }
+ }
+ }
+ if (event.clipboardData && event.clipboardData.files && event.clipboardData.files[0]) {
+ event.preventDefault();
+ const file = event.clipboardData.files[0];
+ const pos = view.state.selection.from;
+ startImageUpload(file, view, pos, workspaceSlug, setIsSubmitting);
+ return true;
+ }
+ return false;
+ },
+ handleDrop: (view, event, _slice, moved) => {
+ if (typeof window !== "undefined") {
+ const selection: any = window?.getSelection();
+ if (selection.rangeCount !== 0) {
+ const range = selection.getRangeAt(0);
+ if (findTableAncestor(range.startContainer)) {
+ return;
+ }
+ }
+ }
+ if (!moved && event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files[0]) {
+ event.preventDefault();
+ const file = event.dataTransfer.files[0];
+ const coordinates = view.posAtCoords({
+ left: event.clientX,
+ top: event.clientY,
+ });
+ // here we deduct 1 from the pos or else the image will create an extra node
+ if (coordinates) {
+ startImageUpload(file, view, coordinates.pos - 1, workspaceSlug, setIsSubmitting);
+ }
+ return true;
+ }
+ return false;
+ },
+ };
+}
diff --git a/web/components/tiptap/slash-command/index.tsx b/web/components/tiptap/slash-command/index.tsx
new file mode 100644
index 000000000..46bf5ea5a
--- /dev/null
+++ b/web/components/tiptap/slash-command/index.tsx
@@ -0,0 +1,365 @@
+import React, { useState, useEffect, useCallback, ReactNode, useRef, useLayoutEffect } from "react";
+import { Editor, Range, Extension } from "@tiptap/core";
+import Suggestion from "@tiptap/suggestion";
+import { ReactRenderer } from "@tiptap/react";
+import tippy from "tippy.js";
+import {
+ Heading1,
+ Heading2,
+ Heading3,
+ List,
+ ListOrdered,
+ Text,
+ TextQuote,
+ Code,
+ MinusSquare,
+ CheckSquare,
+ ImageIcon,
+ Table,
+} from "lucide-react";
+import { startImageUpload } from "../plugins/upload-image";
+import { cn } from "../utils";
+
+interface CommandItemProps {
+ title: string;
+ description: string;
+ icon: ReactNode;
+}
+
+interface CommandProps {
+ editor: Editor;
+ range: Range;
+}
+
+const Command = Extension.create({
+ name: "slash-command",
+ addOptions() {
+ return {
+ suggestion: {
+ char: "/",
+ command: ({ editor, range, props }: { editor: Editor; range: Range; props: any }) => {
+ props.command({ editor, range });
+ },
+ },
+ };
+ },
+ addProseMirrorPlugins() {
+ return [
+ Suggestion({
+ editor: this.editor,
+ allow({ editor }) {
+ return !editor.isActive("table");
+ },
+ ...this.options.suggestion,
+ }),
+ ];
+ },
+});
+
+const getSuggestionItems =
+ (
+ workspaceSlug: string,
+ setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+ ) =>
+ ({ query }: { query: string }) =>
+ [
+ {
+ title: "Text",
+ description: "Just start typing with plain text.",
+ searchTerms: ["p", "paragraph"],
+ icon:
,
+ command: ({ editor, range }: CommandProps) => {
+ editor
+ .chain()
+ .focus()
+ .deleteRange(range)
+ .insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+ .run();
+ },
+ },
+ {
+ title: "Numbered List",
+ description: "Create a list with numbering.",
+ searchTerms: ["ordered"],
+ icon: (null);
+
+ useLayoutEffect(() => {
+ const container = commandListContainer?.current;
+
+ const item = container?.children[selectedIndex] as HTMLElement;
+
+ if (item && container) updateScrollView(container, item);
+ }, [selectedIndex]);
+
+ return items.length > 0 ? (
+
+ {items.map((item, index) => (
+
+
+
+ ))}
+
+ );
+};
diff --git a/web/components/tiptap/utils.ts b/web/components/tiptap/utils.ts
new file mode 100644
index 000000000..a5ef19350
--- /dev/null
+++ b/web/components/tiptap/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
diff --git a/web/components/toast-alert/index.tsx b/web/components/toast-alert/index.tsx
new file mode 100644
index 000000000..5d0c0123c
--- /dev/null
+++ b/web/components/toast-alert/index.tsx
@@ -0,0 +1,67 @@
+import React from "react";
+// hooks
+import {
+ CheckCircleIcon,
+ ExclamationTriangleIcon,
+ InformationCircleIcon,
+ XCircleIcon,
+ XMarkIcon,
+} from "@heroicons/react/24/outline";
+import useToast from "hooks/use-toast";
+// icons
+
+const ToastAlerts = () => {
+ const { alerts, removeAlert } = useToast();
+
+ if (!alerts) return null;
+
+ return (
+ {customButton}
+ {customButton}
) : (
= ({ data, noTooltip=false }) => {
+export const LinearProgressIndicator: React.FC = ({ data, noTooltip = false }) => {
const total = data.reduce((acc: any, cur: any) => acc + cur.value, 0);
let progress = 0;
@@ -17,12 +17,13 @@ export const LinearProgressIndicator: React.FC = ({ data, noTooltip=false
backgroundColor: item.color,
};
progress += item.value;
- if (noTooltip) return
- else return (
-
-
-
- );
+ if (noTooltip) return ;
+ else
+ return (
+
+
+
+ );
});
return (
diff --git a/web/components/ui/loader.tsx b/web/components/ui/loader.tsx
new file mode 100644
index 000000000..b9d13883a
--- /dev/null
+++ b/web/components/ui/loader.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+type Props = {
+ children: React.ReactNode;
+ className?: string;
+};
+
+const Loader = ({ children, className = "" }: Props) => (
+ = ({ height = "auto", width = "auto" }) => (
+
+);
+
+Loader.Item = Item;
+
+export { Loader };
diff --git a/apps/app/components/ui/markdown-to-component.tsx b/web/components/ui/markdown-to-component.tsx
similarity index 100%
rename from apps/app/components/ui/markdown-to-component.tsx
rename to web/components/ui/markdown-to-component.tsx
diff --git a/apps/app/components/ui/multi-level-dropdown.tsx b/web/components/ui/multi-level-dropdown.tsx
similarity index 100%
rename from apps/app/components/ui/multi-level-dropdown.tsx
rename to web/components/ui/multi-level-dropdown.tsx
diff --git a/apps/app/components/ui/multi-level-select.tsx b/web/components/ui/multi-level-select.tsx
similarity index 100%
rename from apps/app/components/ui/multi-level-select.tsx
rename to web/components/ui/multi-level-select.tsx
diff --git a/apps/app/components/ui/product-updates-modal.tsx b/web/components/ui/product-updates-modal.tsx
similarity index 100%
rename from apps/app/components/ui/product-updates-modal.tsx
rename to web/components/ui/product-updates-modal.tsx
diff --git a/apps/app/components/ui/profile-empty-state.tsx b/web/components/ui/profile-empty-state.tsx
similarity index 100%
rename from apps/app/components/ui/profile-empty-state.tsx
rename to web/components/ui/profile-empty-state.tsx
diff --git a/apps/app/components/ui/progress-bar.tsx b/web/components/ui/progress-bar.tsx
similarity index 100%
rename from apps/app/components/ui/progress-bar.tsx
rename to web/components/ui/progress-bar.tsx
diff --git a/apps/app/components/ui/range-datepicker.tsx b/web/components/ui/range-datepicker.tsx
similarity index 100%
rename from apps/app/components/ui/range-datepicker.tsx
rename to web/components/ui/range-datepicker.tsx
diff --git a/apps/app/components/ui/spinner.tsx b/web/components/ui/spinner.tsx
similarity index 100%
rename from apps/app/components/ui/spinner.tsx
rename to web/components/ui/spinner.tsx
diff --git a/apps/app/components/ui/text-area/index.tsx b/web/components/ui/text-area/index.tsx
similarity index 100%
rename from apps/app/components/ui/text-area/index.tsx
rename to web/components/ui/text-area/index.tsx
diff --git a/apps/app/components/ui/text-area/types.d.ts b/web/components/ui/text-area/types.d.ts
similarity index 100%
rename from apps/app/components/ui/text-area/types.d.ts
rename to web/components/ui/text-area/types.d.ts
diff --git a/apps/app/components/ui/toggle-switch.tsx b/web/components/ui/toggle-switch.tsx
similarity index 100%
rename from apps/app/components/ui/toggle-switch.tsx
rename to web/components/ui/toggle-switch.tsx
diff --git a/apps/app/components/ui/tooltip.tsx b/web/components/ui/tooltip.tsx
similarity index 100%
rename from apps/app/components/ui/tooltip.tsx
rename to web/components/ui/tooltip.tsx
diff --git a/apps/app/components/views/delete-view-modal.tsx b/web/components/views/delete-view-modal.tsx
similarity index 97%
rename from apps/app/components/views/delete-view-modal.tsx
rename to web/components/views/delete-view-modal.tsx
index 61c627430..c65f7ba29 100644
--- a/apps/app/components/views/delete-view-modal.tsx
+++ b/web/components/views/delete-view-modal.tsx
@@ -46,8 +46,9 @@ export const DeleteViewModal: React.FC = ({ isOpen, data, setIsOpen, user
await viewsService
.deleteView(workspaceSlug as string, projectId as string, data.id, user)
.then(() => {
- mutate(VIEWS_LIST(projectId as string), (views) =>
- views?.filter((view) => view.id !== data.id)
+ mutate(
+ VIEWS_LIST(projectId as string),
+ (views) => views?.filter((view) => view.id !== data.id)
);
handleClose();
diff --git a/apps/app/components/views/form.tsx b/web/components/views/form.tsx
similarity index 100%
rename from apps/app/components/views/form.tsx
rename to web/components/views/form.tsx
diff --git a/apps/app/components/views/gantt-chart.tsx b/web/components/views/gantt-chart.tsx
similarity index 78%
rename from apps/app/components/views/gantt-chart.tsx
rename to web/components/views/gantt-chart.tsx
index 36022f6fa..b25f034cd 100644
--- a/apps/app/components/views/gantt-chart.tsx
+++ b/web/components/views/gantt-chart.tsx
@@ -6,6 +6,7 @@ import { useRouter } from "next/router";
import useGanttChartViewIssues from "hooks/gantt-chart/view-issues-view";
import useUser from "hooks/use-user";
import { updateGanttIssue } from "components/gantt-chart/hooks/block-update";
+import useProjectDetails from "hooks/use-project-details";
// components
import { GanttChartRoot, renderIssueBlocksStructure } from "components/gantt-chart";
import { IssueGanttBlock, IssueGanttSidebarBlock } from "components/issues";
@@ -19,6 +20,7 @@ export const ViewIssuesGanttChartView: FC = ({}) => {
const { workspaceSlug, projectId, viewId } = router.query;
const { user } = useUser();
+ const { projectDetails } = useProjectDetails();
const { ganttIssues, mutateGanttIssues } = useGanttChartViewIssues(
workspaceSlug as string,
@@ -26,6 +28,8 @@ export const ViewIssuesGanttChartView: FC = ({}) => {
viewId as string
);
+ const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
return (
= ({}) => {
}
SidebarBlockRender={IssueGanttSidebarBlock}
BlockRender={IssueGanttBlock}
+ enableBlockLeftResize={isAllowed}
+ enableBlockRightResize={isAllowed}
+ enableBlockMove={isAllowed}
+ enableReorder={isAllowed}
/>
);
diff --git a/apps/app/components/views/index.ts b/web/components/views/index.ts
similarity index 100%
rename from apps/app/components/views/index.ts
rename to web/components/views/index.ts
diff --git a/apps/app/components/views/modal.tsx b/web/components/views/modal.tsx
similarity index 100%
rename from apps/app/components/views/modal.tsx
rename to web/components/views/modal.tsx
diff --git a/apps/app/components/views/select-filters.tsx b/web/components/views/select-filters.tsx
similarity index 95%
rename from apps/app/components/views/select-filters.tsx
rename to web/components/views/select-filters.tsx
index 7016afc00..52671f41f 100644
--- a/apps/app/components/views/select-filters.tsx
+++ b/web/components/views/select-filters.tsx
@@ -13,7 +13,7 @@ import { DateFilterModal } from "components/core";
// ui
import { Avatar, MultiLevelDropdown } from "components/ui";
// icons
-import { getPriorityIcon, getStateGroupIcon } from "components/icons";
+import { PriorityIcon, StateGroupIcon } from "components/icons";
// helpers
import { getStatesList } from "helpers/state.helper";
import { checkIfArraysHaveSameElements } from "helpers/array.helper";
@@ -78,8 +78,10 @@ export const SelectFilters: React.FC = ({
setIsDateFilterModalOpen(false)}
+ isOpen={isDateFilterModalOpen}
+ onSelect={onSelect}
/>
)}
= ({
id: priority === null ? "null" : priority,
label: (
= ({
id: state.id,
label: (
+
+
+);
+
+const UserLink = ({ activity }: { activity: IIssueActivity }) => (
+
+);
+
+const activityDetails: {
+ [key: string]: {
+ message: (
+ activity: IIssueActivity,
+ showIssue: boolean,
+ workspaceSlug: string
+ ) => React.ReactNode;
+ icon: React.ReactNode;
+ };
+} = {
+ assignees: {
+ message: (activity, showIssue) => (
+ <>
+ {activity.old_value === "" ? "added a new assignee " : "removed the assignee "}
+ = {
+ access: "INTERNAL",
+ comment_html: "",
+};
+
+type Props = {
+ disabled?: boolean;
+ onSubmit: (data: IIssueComment) => Promise;
+};
+
+const commentAccess = [
+ {
+ icon: "lock",
+ key: "INTERNAL",
+ label: "Private",
+ },
+ {
+ icon: "public",
+ key: "EXTERNAL",
+ label: "Public",
+ },
+];
+
+export const AddComment: React.FC = ({ disabled = false, onSubmit }) => {
+ const editorRef = React.useRef(null);
+
+ const router = useRouter();
+ const { workspaceSlug } = router.query;
+
+ const { projectDetails } = useProjectDetails();
+
+ const showAccessSpecifier = projectDetails?.is_deployed;
+
+ const {
+ control,
+ formState: { isSubmitting },
+ handleSubmit,
+ reset,
+ } = useForm({ defaultValues });
+
+ const handleAddComment = async (formData: IIssueComment) => {
+ if (!formData.comment_html || isSubmitting) return;
+
+ await onSubmit(formData).then(() => {
+ reset(defaultValues);
+ editorRef.current?.clearEditor();
+ });
+ };
+
+ return (
+
+ );
+};
diff --git a/web/components/web-view/create-update-link-form.tsx b/web/components/web-view/create-update-link-form.tsx
new file mode 100644
index 000000000..fa1a33939
--- /dev/null
+++ b/web/components/web-view/create-update-link-form.tsx
@@ -0,0 +1,186 @@
+// react
+import React, { useEffect } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// swr
+import { mutate } from "swr";
+
+// react hooks form
+import { useForm } from "react-hook-form";
+
+// services
+import issuesService from "services/issues.service";
+
+// fetch keys
+import { ISSUE_DETAILS } from "constants/fetch-keys";
+
+// hooks
+import useToast from "hooks/use-toast";
+
+// ui
+import { PrimaryButton, Input } from "components/ui";
+
+// types
+import type { linkDetails, IIssueLink } from "types";
+
+type Props = {
+ isOpen: boolean;
+ data?: linkDetails;
+ links?: linkDetails[];
+ onSuccess: () => void;
+};
+
+export const CreateUpdateLinkForm: React.FC = (props) => {
+ const { isOpen, data, links, onSuccess } = props;
+
+ const router = useRouter();
+ const { workspaceSlug, projectId, issueId } = router.query;
+
+ const { setToastAlert } = useToast();
+
+ const {
+ register,
+ handleSubmit,
+ reset,
+ formState: { errors, isSubmitting },
+ } = useForm({
+ defaultValues: {
+ title: "",
+ url: "",
+ },
+ });
+
+ useEffect(() => {
+ if (!data) return;
+ reset({
+ title: data.title,
+ url: data.url,
+ });
+ }, [data, reset]);
+
+ useEffect(() => {
+ if (!isOpen)
+ reset({
+ title: "",
+ url: "",
+ });
+ }, [isOpen, reset]);
+
+ const onSubmit = async (formData: IIssueLink) => {
+ if (!workspaceSlug || !projectId || !issueId) return;
+
+ const payload = { metadata: {}, ...formData };
+
+ if (!data)
+ await issuesService
+ .createIssueLink(
+ workspaceSlug.toString(),
+ projectId.toString(),
+ issueId.toString(),
+ payload
+ )
+ .then(() => {
+ onSuccess();
+ mutate(ISSUE_DETAILS(issueId.toString()));
+ })
+ .catch((err) => {
+ if (err?.status === 400)
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "This URL already exists for this issue.",
+ });
+ else
+ setToastAlert({
+ type: "error",
+ title: "Error!",
+ message: "Something went wrong. Please try again.",
+ });
+ });
+ else {
+ const updatedLinks = links?.map((l) =>
+ l.id === data.id
+ ? {
+ ...l,
+ title: formData.title,
+ url: formData.url,
+ }
+ : l
+ );
+
+ mutate(
+ ISSUE_DETAILS(issueId.toString()),
+ (prevData) => ({ ...prevData, issue_link: updatedLinks }),
+ false
+ );
+
+ await issuesService
+ .updateIssueLink(
+ workspaceSlug.toString(),
+ projectId.toString(),
+ issueId.toString(),
+ data!.id,
+ payload
+ )
+ .then(() => {
+ onSuccess();
+ mutate(ISSUE_DETAILS(issueId.toString()));
+ });
+ }
+ };
+
+ return (
+
+ );
+};
diff --git a/web/components/web-view/index.ts b/web/components/web-view/index.ts
new file mode 100644
index 000000000..915c891a9
--- /dev/null
+++ b/web/components/web-view/index.ts
@@ -0,0 +1,18 @@
+export * from "./web-view-modal";
+export * from "./select-state";
+export * from "./select-priority";
+export * from "./issue-web-view-form";
+export * from "./label";
+export * from "./sub-issues";
+export * from "./issue-attachments";
+export * from "./issue-properties-detail";
+export * from "./issue-link-list";
+export * from "./create-update-link-form";
+export * from "./issue-activity";
+export * from "./select-assignee";
+export * from "./select-estimate";
+export * from "./add-comment";
+export * from "./select-parent";
+export * from "./select-blocker";
+export * from "./select-blocked";
+export * from "./activity-message";
diff --git a/web/components/web-view/issue-activity.tsx b/web/components/web-view/issue-activity.tsx
new file mode 100644
index 000000000..4bd13eb5c
--- /dev/null
+++ b/web/components/web-view/issue-activity.tsx
@@ -0,0 +1,232 @@
+// react
+import React from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// swr
+import useSWR, { mutate } from "swr";
+
+// fetch key
+import { PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
+
+// services
+import issuesService from "services/issues.service";
+
+// hooks
+import useUser from "hooks/use-user";
+
+// components
+import { CommentCard } from "components/issues/comment";
+import { Label, AddComment, ActivityMessage, ActivityIcon } from "components/web-view";
+
+// helpers
+import { timeAgo } from "helpers/date-time.helper";
+
+// ui
+import { Icon } from "components/ui";
+
+// types
+import type { IIssue, IIssueComment } from "types";
+
+type Props = {
+ allowed: boolean;
+ issueDetails: IIssue;
+};
+
+export const IssueActivity: React.FC = (props) => {
+ const { issueDetails, allowed } = props;
+
+ const router = useRouter();
+ const { workspaceSlug, projectId, issueId } = router.query;
+
+ const { user } = useUser();
+
+ const { data: issueActivities, mutate: mutateIssueActivity } = useSWR(
+ workspaceSlug && projectId && issueId ? PROJECT_ISSUES_ACTIVITY(issueId.toString()) : null,
+ workspaceSlug && projectId && issueId
+ ? () =>
+ issuesService.getIssueActivities(
+ workspaceSlug.toString(),
+ projectId.toString(),
+ issueId.toString()
+ )
+ : null
+ );
+
+ const handleCommentUpdate = async (comment: any) => {
+ if (!workspaceSlug || !projectId || !issueId) return;
+
+ await issuesService
+ .patchIssueComment(
+ workspaceSlug as string,
+ projectId as string,
+ issueId as string,
+ comment.id,
+ comment,
+ user
+ )
+ .then(() => mutateIssueActivity());
+ };
+
+ const handleCommentDelete = async (commentId: string) => {
+ if (!workspaceSlug || !projectId || !issueId) return;
+
+ mutateIssueActivity((prevData: any) => prevData?.filter((p: any) => p.id !== commentId), false);
+
+ await issuesService
+ .deleteIssueComment(
+ workspaceSlug as string,
+ projectId as string,
+ issueId as string,
+ commentId,
+ user
+ )
+ .then(() => mutateIssueActivity());
+ };
+
+ const handleAddComment = async (formData: IIssueComment) => {
+ if (!workspaceSlug || !issueDetails) return;
+
+ await issuesService
+ .createIssueComment(
+ workspaceSlug.toString(),
+ issueDetails.project,
+ issueDetails.id,
+ formData,
+ user
+ )
+ .then(() => {
+ mutate(PROJECT_ISSUES_ACTIVITY(issueDetails.id));
+ })
+ .catch(() =>
+ console.log(
+ "toast",
+ JSON.stringify({
+ type: "error",
+ title: "Error!",
+ message: "Comment could not be posted. Please try again.",
+ })
+ )
+ );
+ };
+
+ return (
+ = (props) => {
+ const { allowed } = props;
+
+ const router = useRouter();
+ const { workspaceSlug, projectId, issueId } = router.query;
+
+ const [isOpen, setIsOpen] = useState(false);
+ const [isLoading, setIsLoading] = useState(false);
+
+ const [deleteAttachment, setDeleteAttachment] = useState(null);
+ const [attachmentDeleteModal, setAttachmentDeleteModal] = useState(false);
+
+ const onDrop = useCallback(
+ (acceptedFiles: File[]) => {
+ if (!acceptedFiles[0] || !workspaceSlug) return;
+
+ const formData = new FormData();
+ formData.append("asset", acceptedFiles[0]);
+ formData.append(
+ "attributes",
+ JSON.stringify({
+ name: acceptedFiles[0].name,
+ size: acceptedFiles[0].size,
+ })
+ );
+ setIsLoading(true);
+
+ issuesService
+ .uploadIssueAttachment(
+ workspaceSlug as string,
+ projectId as string,
+ issueId as string,
+ formData
+ )
+ .then((res) => {
+ mutate(
+ ISSUE_ATTACHMENTS(issueId as string),
+ (prevData) => [res, ...(prevData ?? [])],
+ false
+ );
+ mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
+ console.log(
+ "toast",
+ JSON.stringify({
+ type: "success",
+ title: "Success!",
+ message: "File added successfully.",
+ })
+ );
+ setIsOpen(false);
+ setIsLoading(false);
+ })
+ .catch((err) => {
+ setIsLoading(false);
+ console.log(
+ "toast",
+ JSON.stringify({
+ type: "error",
+ title: "error!",
+ message: "Something went wrong. please check file type & size (max 5 MB)",
+ })
+ );
+ });
+ },
+ [issueId, projectId, workspaceSlug]
+ );
+
+ const { getRootProps, getInputProps } = useDropzone({
+ onDrop,
+ maxSize: 5 * 1024 * 1024,
+ disabled: !allowed || isLoading,
+ });
+
+ const { data: attachments } = useSWR(
+ workspaceSlug && projectId && issueId ? ISSUE_ATTACHMENTS(issueId as string) : null,
+ workspaceSlug && projectId && issueId
+ ? () =>
+ issuesService.getIssueAttachment(
+ workspaceSlug.toString(),
+ projectId.toString(),
+ issueId.toString()
+ )
+ : null
+ );
+
+ return (
+ = (props) => {
+ const { issueDetails, allowed } = props;
+
+ const links = issueDetails?.issue_link;
+
+ const [isOpen, setIsOpen] = useState(false);
+ const [selectedLink, setSelectedLink] = useState(null);
+
+ const router = useRouter();
+ const { workspaceSlug, projectId } = router.query;
+
+ const handleDeleteLink = async (linkId: string) => {
+ if (!workspaceSlug || !projectId || !issueDetails) return;
+
+ const updatedLinks = issueDetails.issue_link.filter((l) => l.id !== linkId);
+
+ mutate(
+ ISSUE_DETAILS(issueDetails.id),
+ (prevData) => ({ ...(prevData as IIssue), issue_link: updatedLinks }),
+ false
+ );
+
+ await issuesService
+ .deleteIssueLink(workspaceSlug as string, projectId as string, issueDetails.id, linkId)
+ .then((res) => {
+ mutate(ISSUE_DETAILS(issueDetails.id));
+ })
+ .catch((err) => {
+ console.log(err);
+ });
+ };
+
+ return (
+ ;
+ submitChanges: (data: Partial) => Promise;
+};
+
+export const IssuePropertiesDetail: React.FC = (props) => {
+ const { control, submitChanges } = props;
+
+ const blockerIssue = useWatch({
+ control,
+ name: "blocker_issues",
+ });
+
+ const blockedIssue = useWatch({
+ control,
+ name: "blocked_issues",
+ });
+
+ const startDate = useWatch({
+ control,
+ name: "start_date",
+ });
+
+ const router = useRouter();
+ const { workspaceSlug } = router.query;
+
+ const [isViewAllOpen, setIsViewAllOpen] = useState(false);
+
+ const { isEstimateActive } = useEstimateOption();
+
+ return (
+ ) => Promise;
+ register: any;
+ control: any;
+ watch: any;
+ handleSubmit: any;
+};
+
+export const IssueWebViewForm: React.FC = (props) => {
+ const { isAllowed, issueDetails, submitChanges, register, control, watch, handleSubmit } = props;
+
+ const router = useRouter();
+ const { workspaceSlug } = router.query;
+
+ const [characterLimit, setCharacterLimit] = useState(false);
+ const [isSubmitting, setIsSubmitting] = useState<"submitting" | "submitted" | "saved">("saved");
+
+ const { setShowAlert } = useReloadConfirmations();
+
+ useEffect(() => {
+ if (isSubmitting === "submitted") {
+ setShowAlert(false);
+ setTimeout(async () => {
+ setIsSubmitting("saved");
+ }, 2000);
+ } else if (isSubmitting === "submitting") {
+ setShowAlert(true);
+ }
+ }, [isSubmitting, setShowAlert]);
+
+ const debouncedTitleSave = useDebouncedCallback(async () => {
+ setTimeout(async () => {
+ handleSubmit(handleDescriptionFormSubmit)().finally(() => setIsSubmitting("submitted"));
+ }, 500);
+ }, 1000);
+
+ const handleDescriptionFormSubmit = useCallback(
+ async (formData: Partial) => {
+ if (!formData?.name || formData?.name.length === 0 || formData?.name.length > 255) return;
+
+ await submitChanges({
+ name: formData.name ?? "",
+ description_html: formData.description_html ?? "",
+ });
+ },
+ [submitChanges]
+ );
+
+ return (
+ <>
+
{addSpaceIfCamelCase(state.name)}
{state.description}
diff --git a/web/components/tiptap/bubble-menu/index.tsx b/web/components/tiptap/bubble-menu/index.tsx new file mode 100644 index 000000000..217317ea1 --- /dev/null +++ b/web/components/tiptap/bubble-menu/index.tsx @@ -0,0 +1,121 @@ +import { BubbleMenu, BubbleMenuProps } from "@tiptap/react"; +import { FC, useState } from "react"; +import { BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, CodeIcon } from "lucide-react"; + +import { NodeSelector } from "./node-selector"; +import { LinkSelector } from "./link-selector"; +import { cn } from "../utils"; + +export interface BubbleMenuItem { + name: string; + isActive: () => boolean; + command: () => void; + icon: typeof BoldIcon; +} + +type EditorBubbleMenuProps = Omit
+ {items.map((item, index) => (
+
+ ))}
+
+
+
+ {isOpen && (
+
+ );
+};
diff --git a/web/components/tiptap/bubble-menu/node-selector.tsx b/web/components/tiptap/bubble-menu/node-selector.tsx
new file mode 100644
index 000000000..34d40ec06
--- /dev/null
+++ b/web/components/tiptap/bubble-menu/node-selector.tsx
@@ -0,0 +1,130 @@
+import { Editor } from "@tiptap/core";
+import {
+ Check,
+ ChevronDown,
+ Heading1,
+ Heading2,
+ Heading3,
+ TextQuote,
+ ListOrdered,
+ TextIcon,
+ Code,
+ CheckSquare,
+} from "lucide-react";
+import { Dispatch, FC, SetStateAction } from "react";
+
+import { BubbleMenuItem } from ".";
+import { cn } from "../utils";
+
+interface NodeSelectorProps {
+ editor: Editor;
+ isOpen: boolean;
+ setIsOpen: Dispatch {
+ if (e.key === "Enter") {
+ e.preventDefault();
+ onLinkSubmit();
+ }
+ }}
+ >
+
+ {editor.getAttributes("link").href ? (
+
+ ) : (
+
+ )}
+
+ )}
+
+
+
+ {isOpen && (
+
+ {items.map((item, index) => (
+
+ ))}
+
+ )}
+
+ );
+};
diff --git a/web/components/tiptap/bubble-menu/utils/link-validator.tsx b/web/components/tiptap/bubble-menu/utils/link-validator.tsx
new file mode 100644
index 000000000..9af366c02
--- /dev/null
+++ b/web/components/tiptap/bubble-menu/utils/link-validator.tsx
@@ -0,0 +1,11 @@
+export default function isValidHttpUrl(string: string): boolean {
+ let url;
+
+ try {
+ url = new URL(string);
+ } catch (_) {
+ return false;
+ }
+
+ return url.protocol === "http:" || url.protocol === "https:";
+}
diff --git a/web/components/tiptap/extensions/image-resize.tsx b/web/components/tiptap/extensions/image-resize.tsx
new file mode 100644
index 000000000..448b8811c
--- /dev/null
+++ b/web/components/tiptap/extensions/image-resize.tsx
@@ -0,0 +1,44 @@
+import { Editor } from "@tiptap/react";
+import Moveable from "react-moveable";
+
+export const ImageResizer = ({ editor }: { editor: Editor }) => {
+ const updateMediaSize = () => {
+ const imageInfo = document.querySelector(".ProseMirror-selectednode") as HTMLImageElement;
+ if (imageInfo) {
+ const selection = editor.state.selection;
+ editor.commands.setImage({
+ src: imageInfo.src,
+ width: Number(imageInfo.style.width.replace("px", "")),
+ height: Number(imageInfo.style.height.replace("px", "")),
+ } as any);
+ editor.commands.setNodeSelection(selection.from);
+ }
+ };
+
+ return (
+ <>
+ {
+ editor?.chain().focus().run();
+ }}
+ className={`tiptap-editor-container cursor-text ${editorClassNames}`}
+ >
+ {editor &&
+ );
+};
+
+const TipTapEditor = forwardRef
+
+
+ {items.map((item: CommandItemProps, index: number) => (
+
+ ))}
+
+ ) : null;
+};
+
+const renderItems = () => {
+ let component: ReactRenderer | null = null;
+ let popup: any | null = null;
+
+ return {
+ onStart: (props: { editor: Editor; clientRect: DOMRect }) => {
+ component = new ReactRenderer(CommandList, {
+ props,
+ editor: props.editor,
+ });
+
+ // @ts-ignore
+ popup = tippy("body", {
+ getReferenceClientRect: props.clientRect,
+ appendTo: () => document.querySelector("#tiptap-container"),
+ content: component.element,
+ showOnCreate: true,
+ interactive: true,
+ trigger: "manual",
+ placement: "bottom-start",
+ });
+ },
+ onUpdate: (props: { editor: Editor; clientRect: DOMRect }) => {
+ component?.updateProps(props);
+
+ popup &&
+ popup[0].setProps({
+ getReferenceClientRect: props.clientRect,
+ });
+ },
+ onKeyDown: (props: { event: KeyboardEvent }) => {
+ if (props.event.key === "Escape") {
+ popup?.[0].hide();
+
+ return true;
+ }
+
+ // @ts-ignore
+ return component?.ref?.onKeyDown(props);
+ },
+ onExit: () => {
+ popup?.[0].destroy();
+ component?.destroy();
+ },
+ };
+};
+
+export const SlashCommand = (
+ workspaceSlug: string,
+ setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+) =>
+ Command.configure({
+ suggestion: {
+ items: getSuggestionItems(workspaceSlug, setIsSubmitting),
+ render: renderItems,
+ },
+ });
+
+export default SlashCommand;
diff --git a/web/components/tiptap/table-menu/InsertBottomTableIcon.tsx b/web/components/tiptap/table-menu/InsertBottomTableIcon.tsx
new file mode 100644
index 000000000..0e42ba648
--- /dev/null
+++ b/web/components/tiptap/table-menu/InsertBottomTableIcon.tsx
@@ -0,0 +1,16 @@
+const InsertBottomTableIcon = (props: any) => (
+
+);
+
+export default InsertBottomTableIcon;
diff --git a/web/components/tiptap/table-menu/InsertLeftTableIcon.tsx b/web/components/tiptap/table-menu/InsertLeftTableIcon.tsx
new file mode 100644
index 000000000..1fd75fe87
--- /dev/null
+++ b/web/components/tiptap/table-menu/InsertLeftTableIcon.tsx
@@ -0,0 +1,15 @@
+const InsertLeftTableIcon = (props: any) => (
+
+);
+export default InsertLeftTableIcon;
diff --git a/web/components/tiptap/table-menu/InsertRightTableIcon.tsx b/web/components/tiptap/table-menu/InsertRightTableIcon.tsx
new file mode 100644
index 000000000..1a6570969
--- /dev/null
+++ b/web/components/tiptap/table-menu/InsertRightTableIcon.tsx
@@ -0,0 +1,16 @@
+const InsertRightTableIcon = (props: any) => (
+
+);
+
+export default InsertRightTableIcon;
diff --git a/web/components/tiptap/table-menu/InsertTopTableIcon.tsx b/web/components/tiptap/table-menu/InsertTopTableIcon.tsx
new file mode 100644
index 000000000..8f04f4f61
--- /dev/null
+++ b/web/components/tiptap/table-menu/InsertTopTableIcon.tsx
@@ -0,0 +1,15 @@
+const InsertTopTableIcon = (props: any) => (
+
+);
+export default InsertTopTableIcon;
diff --git a/web/components/tiptap/table-menu/index.tsx b/web/components/tiptap/table-menu/index.tsx
new file mode 100644
index 000000000..94f9c0f8d
--- /dev/null
+++ b/web/components/tiptap/table-menu/index.tsx
@@ -0,0 +1,143 @@
+import { useState, useEffect } from "react";
+import { Rows, Columns, ToggleRight } from "lucide-react";
+import { cn } from "../utils";
+import { Tooltip } from "components/ui";
+import InsertLeftTableIcon from "./InsertLeftTableIcon";
+import InsertRightTableIcon from "./InsertRightTableIcon";
+import InsertTopTableIcon from "./InsertTopTableIcon";
+import InsertBottomTableIcon from "./InsertBottomTableIcon";
+
+interface TableMenuItem {
+ command: () => void;
+ icon: any;
+ key: string;
+ name: string;
+}
+
+export const findTableAncestor = (node: Node | null): HTMLTableElement | null => {
+ while (node !== null && node.nodeName !== "TABLE") {
+ node = node.parentNode;
+ }
+ return node as HTMLTableElement;
+};
+
+export const TableMenu = ({ editor }: { editor: any }) => {
+ const [tableLocation, setTableLocation] = useState({ bottom: 0, left: 0 });
+ const isOpen = editor?.isActive("table");
+
+ const items: TableMenuItem[] = [
+ {
+ command: () => editor.chain().focus().addColumnBefore().run(),
+ icon: InsertLeftTableIcon,
+ key: "insert-column-left",
+ name: "Insert 1 column left",
+ },
+ {
+ command: () => editor.chain().focus().addColumnAfter().run(),
+ icon: InsertRightTableIcon,
+ key: "insert-column-right",
+ name: "Insert 1 column right",
+ },
+ {
+ command: () => editor.chain().focus().addRowBefore().run(),
+ icon: InsertTopTableIcon,
+ key: "insert-row-above",
+ name: "Insert 1 row above",
+ },
+ {
+ command: () => editor.chain().focus().addRowAfter().run(),
+ icon: InsertBottomTableIcon,
+ key: "insert-row-below",
+ name: "Insert 1 row below",
+ },
+ {
+ command: () => editor.chain().focus().deleteColumn().run(),
+ icon: Columns,
+ key: "delete-column",
+ name: "Delete column",
+ },
+ {
+ command: () => editor.chain().focus().deleteRow().run(),
+ icon: Rows,
+ key: "delete-row",
+ name: "Delete row",
+ },
+ {
+ command: () => editor.chain().focus().toggleHeaderRow().run(),
+ icon: ToggleRight,
+ key: "toggle-header-row",
+ name: "Toggle header row",
+ },
+ ];
+
+ useEffect(() => {
+ if (!window) return;
+
+ const handleWindowClick = () => {
+ const selection: any = window?.getSelection();
+
+ if (selection.rangeCount !== 0) {
+ const range = selection.getRangeAt(0);
+ const tableNode = findTableAncestor(range.startContainer);
+
+ let parent = tableNode?.parentElement;
+
+ if (tableNode) {
+ const tableRect = tableNode.getBoundingClientRect();
+ const tableCenter = tableRect.left + tableRect.width / 2;
+ const menuWidth = 45;
+ const menuLeft = tableCenter - menuWidth / 2;
+ const tableBottom = tableRect.bottom;
+
+ setTableLocation({ bottom: tableBottom, left: menuLeft });
+
+ while (parent) {
+ if (!parent.classList.contains("disable-scroll"))
+ parent.classList.add("disable-scroll");
+ parent = parent.parentElement;
+ }
+ } else {
+ const scrollDisabledContainers = document.querySelectorAll(".disable-scroll");
+
+ scrollDisabledContainers.forEach((container) => {
+ container.classList.remove("disable-scroll");
+ });
+ }
+ }
+ };
+
+ window.addEventListener("click", handleWindowClick);
+
+ return () => {
+ window.removeEventListener("click", handleWindowClick);
+ };
+ }, [tableLocation, editor]);
+
+ return (
+
+ {alerts.map((alert) => (
+
+ );
+};
+
+export default ToastAlerts;
diff --git a/apps/app/components/ui/avatar.tsx b/web/components/ui/avatar.tsx
similarity index 100%
rename from apps/app/components/ui/avatar.tsx
rename to web/components/ui/avatar.tsx
diff --git a/apps/app/components/ui/buttons/danger-button.tsx b/web/components/ui/buttons/danger-button.tsx
similarity index 100%
rename from apps/app/components/ui/buttons/danger-button.tsx
rename to web/components/ui/buttons/danger-button.tsx
diff --git a/apps/app/components/ui/buttons/index.ts b/web/components/ui/buttons/index.ts
similarity index 100%
rename from apps/app/components/ui/buttons/index.ts
rename to web/components/ui/buttons/index.ts
diff --git a/apps/app/components/ui/buttons/primary-button.tsx b/web/components/ui/buttons/primary-button.tsx
similarity index 100%
rename from apps/app/components/ui/buttons/primary-button.tsx
rename to web/components/ui/buttons/primary-button.tsx
diff --git a/apps/app/components/ui/buttons/secondary-button.tsx b/web/components/ui/buttons/secondary-button.tsx
similarity index 100%
rename from apps/app/components/ui/buttons/secondary-button.tsx
rename to web/components/ui/buttons/secondary-button.tsx
diff --git a/apps/app/components/ui/buttons/type.d.ts b/web/components/ui/buttons/type.d.ts
similarity index 100%
rename from apps/app/components/ui/buttons/type.d.ts
rename to web/components/ui/buttons/type.d.ts
diff --git a/apps/app/components/ui/circular-progress.tsx b/web/components/ui/circular-progress.tsx
similarity index 100%
rename from apps/app/components/ui/circular-progress.tsx
rename to web/components/ui/circular-progress.tsx
diff --git a/apps/app/components/ui/date.tsx b/web/components/ui/date.tsx
similarity index 100%
rename from apps/app/components/ui/date.tsx
rename to web/components/ui/date.tsx
diff --git a/apps/app/components/ui/datepicker.tsx b/web/components/ui/datepicker.tsx
similarity index 100%
rename from apps/app/components/ui/datepicker.tsx
rename to web/components/ui/datepicker.tsx
diff --git a/apps/app/components/ui/dropdowns/context-menu.tsx b/web/components/ui/dropdowns/context-menu.tsx
similarity index 100%
rename from apps/app/components/ui/dropdowns/context-menu.tsx
rename to web/components/ui/dropdowns/context-menu.tsx
diff --git a/apps/app/components/ui/dropdowns/custom-menu.tsx b/web/components/ui/dropdowns/custom-menu.tsx
similarity index 100%
rename from apps/app/components/ui/dropdowns/custom-menu.tsx
rename to web/components/ui/dropdowns/custom-menu.tsx
diff --git a/apps/app/components/ui/dropdowns/custom-search-select.tsx b/web/components/ui/dropdowns/custom-search-select.tsx
similarity index 100%
rename from apps/app/components/ui/dropdowns/custom-search-select.tsx
rename to web/components/ui/dropdowns/custom-search-select.tsx
diff --git a/apps/app/components/ui/dropdowns/custom-select.tsx b/web/components/ui/dropdowns/custom-select.tsx
similarity index 97%
rename from apps/app/components/ui/dropdowns/custom-select.tsx
rename to web/components/ui/dropdowns/custom-select.tsx
index 4e495a210..ae814dccb 100644
--- a/apps/app/components/ui/dropdowns/custom-select.tsx
+++ b/web/components/ui/dropdowns/custom-select.tsx
@@ -41,7 +41,7 @@ const CustomSelect = ({
>
<>
{customButton ? (
-
+
+ ))}
+
+
+
+
+
+
+
+
+ {alert.type === "success" ? (
+
+ ) : alert.type === "error" ? (
+
+
+
+ {alert.title}
+ {alert.message &&{alert.message}
} +
+ {children}
+
+);
+
+type ItemProps = {
+ height?: string;
+ width?: string;
+};
+
+const Item: React.FC
- {getPriorityIcon(priority)} {priority ?? "None"}
+
),
value: {
@@ -116,7 +119,8 @@ export const SelectFilters: React.FC
- {getStateGroupIcon(state.group, "16", "16", state.color)} {state.name}
+
),
value: {
diff --git a/apps/app/components/views/single-view-item.tsx b/web/components/views/single-view-item.tsx
similarity index 100%
rename from apps/app/components/views/single-view-item.tsx
rename to web/components/views/single-view-item.tsx
diff --git a/web/components/web-view/activity-message.tsx b/web/components/web-view/activity-message.tsx
new file mode 100644
index 000000000..956dfb904
--- /dev/null
+++ b/web/components/web-view/activity-message.tsx
@@ -0,0 +1,419 @@
+import { useRouter } from "next/router";
+
+// icons
+import { Icon, Tooltip } from "components/ui";
+import { Squares2X2Icon } from "@heroicons/react/24/outline";
+import { BlockedIcon, BlockerIcon } from "components/icons";
+// helpers
+import { renderShortDateWithYearFormat } from "helpers/date-time.helper";
+import { capitalizeFirstLetter } from "helpers/string.helper";
+// types
+import { IIssueActivity } from "types";
+
+const IssueLink = ({ activity }: { activity: IIssueActivity }) => (
+
+
+
+ );
+};
diff --git a/web/components/web-view/issue-attachments.tsx b/web/components/web-view/issue-attachments.tsx
new file mode 100644
index 000000000..ba4540318
--- /dev/null
+++ b/web/components/web-view/issue-attachments.tsx
@@ -0,0 +1,190 @@
+// react
+import React, { useState, useCallback } from "react";
+
+// next
+import Link from "next/link";
+import { useRouter } from "next/router";
+
+// swr
+import useSWR, { mutate } from "swr";
+
+// services
+import issuesService from "services/issues.service";
+
+// react dropzone
+import { useDropzone } from "react-dropzone";
+
+// fetch key
+import { ISSUE_ATTACHMENTS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
+
+// icons
+import { FileText, ChevronRight, X, Image as ImageIcon } from "lucide-react";
+
+// components
+import { Label, WebViewModal } from "components/web-view";
+import { DeleteAttachmentModal } from "components/issues";
+
+// types
+import type { IIssueAttachment } from "types";
+
+type Props = {
+ allowed: boolean;
+};
+
+const isImage = (fileName: string) => /\.(gif|jpe?g|tiff?|png|webp|bmp)$/i.test(fileName);
+
+export const IssueAttachments: React.FC
+
+ -
+ {issueActivities?.map((activityItem, index) => {
+ // determines what type of action is performed
+ const message = activityItem.field ? (
+
-
+ + {issueActivities.length > 1 && index !== issueActivities.length - 1 ? ( + + ) : null} +++++++++++ {activityItem.field ? ( + activityItem.new_value === "restore" ? ( ++
+ ) : ( + + ) + ) : activityItem.actor_detail.avatar && + activityItem.actor_detail.avatar !== "" ? ( + + ) : ( +
+ {activityItem.actor_detail.is_bot + ? activityItem.actor_detail.first_name.charAt(0) + : activityItem.actor_detail.display_name.charAt(0)} ++ )} ++++ {activityItem.field === "archived_at" && + activityItem.new_value !== "restore" ? ( + Plane + ) : activityItem.actor_detail.is_bot ? ( + + {activityItem.actor_detail.first_name} Bot + + ) : ( + + )}{" "} + {message}{" "} + + {timeAgo(activityItem.created_at)} + ++
+ );
+ } else if ("comment_json" in activityItem)
+ return (
+ -
+ ++
+
+
+
+ );
+ })}
+
+ setIsOpen(false)} modalTitle="Insert file">
+
+
+
+
+ );
+};
diff --git a/web/components/web-view/issue-link-list.tsx b/web/components/web-view/issue-link-list.tsx
new file mode 100644
index 000000000..5f1da6a62
--- /dev/null
+++ b/web/components/web-view/issue-link-list.tsx
@@ -0,0 +1,138 @@
+// react
+import React, { useState } from "react";
+
+// next
+import Link from "next/link";
+import { useRouter } from "next/router";
+
+// swr
+import { mutate } from "swr";
+
+// services
+import issuesService from "services/issues.service";
+
+// icons
+// import { LinkIcon, PlusIcon, PencilIcon, TrashIcon } from "@heroicons/react/24/outline";
+import { Link as LinkIcon, Plus, Pencil, X } from "lucide-react";
+
+// components
+import { Label, WebViewModal, CreateUpdateLinkForm } from "components/web-view";
+
+// ui
+import { SecondaryButton } from "components/ui";
+
+// fetch keys
+import { ISSUE_DETAILS } from "constants/fetch-keys";
+
+// types
+import type { IIssue } from "types";
+
+type Props = {
+ allowed: boolean;
+ issueDetails: IIssue;
+};
+
+export const IssueLinks: React.FC
+
+
+
+ {isLoading ? (
+
+ Uploading...
+ ) : ( + <> +Upload
+
+ {attachments?.map((attachment) => (
+
+
+
+
+ {isImage(attachment.attributes.name) ? (
+
+ ))}
+
+
+ {
+ setIsOpen(false);
+ setSelectedLink(null);
+ }}
+ modalTitle={selectedLink ? "Update Link" : "Add Link"}
+ >
+ {
+ setIsOpen(false);
+ setSelectedLink(null);
+ }}
+ data={links?.find((link) => link.id === selectedLink)}
+ />
+
+
+
+
+ );
+};
diff --git a/web/components/web-view/issue-properties-detail.tsx b/web/components/web-view/issue-properties-detail.tsx
new file mode 100644
index 000000000..2fe0356f5
--- /dev/null
+++ b/web/components/web-view/issue-properties-detail.tsx
@@ -0,0 +1,355 @@
+// react
+import React, { useState } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// react hook forms
+import { Control, Controller, useWatch } from "react-hook-form";
+
+// icons
+import { BlockedIcon, BlockerIcon } from "components/icons";
+import { ChevronDown, PlayIcon, User, X, CalendarDays, LayoutGrid, Users } from "lucide-react";
+
+// hooks
+import useEstimateOption from "hooks/use-estimate-option";
+
+// ui
+import { SecondaryButton, CustomDatePicker } from "components/ui";
+
+// components
+import {
+ Label,
+ StateSelect,
+ PrioritySelect,
+ AssigneeSelect,
+ EstimateSelect,
+ ParentSelect,
+ BlockerSelect,
+} from "components/web-view";
+
+// types
+import type { IIssue } from "types";
+
+type Props = {
+ control: Control
+ {links?.map((link) => (
+ setIsOpen(true)}
+ className="w-full !py-2 text-custom-text-300 !text-base flex items-center justify-center"
+ >
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+ )}
+
+
+
+ );
+};
diff --git a/web/components/web-view/issue-web-view-form.tsx b/web/components/web-view/issue-web-view-form.tsx
new file mode 100644
index 000000000..ff9383fd0
--- /dev/null
+++ b/web/components/web-view/issue-web-view-form.tsx
@@ -0,0 +1,164 @@
+// react
+import React, { useCallback, useEffect, useState } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// react hook forms
+import { Controller } from "react-hook-form";
+
+// hooks
+
+import { useDebouncedCallback } from "use-debounce";
+import useReloadConfirmations from "hooks/use-reload-confirmation";
+
+// ui
+import { TextArea } from "components/ui";
+
+// components
+import { TipTapEditor } from "components/tiptap";
+import { Label } from "components/web-view";
+
+// types
+import type { IIssue } from "types";
+
+type Props = {
+ isAllowed: boolean;
+ issueDetails: IIssue;
+ submitChanges: (data: Partial
+
+
+
+
+
+
+ (
+ submitChanges({ state: val })}
+ />
+ )}
+ />
+
+
+
+
+
+
+
+
+ Priority
+
+
+ (
+ submitChanges({ priority: val })}
+ />
+ )}
+ />
+
+
+
+ {isViewAllOpen && (
+ <>
+ {isEstimateActive && (
+
+
+
+
+
+ (
+ submitChanges({ assignees_list: [val] })}
+ />
+ )}
+ />
+
+
+
+ )}
+
+
+
+
+
+ (
+ submitChanges({ estimate_point: val })}
+ />
+ )}
+ />
+
+
+
+
+
+
+
+
+ (
+ submitChanges({ parent: val })}
+ />
+ )}
+ />
+
+
+
+
+
+
+
+ {blockerIssue &&
+ blockerIssue.map((issue) => (
+
+ ))}
+
+
+
+ (
+
+ submitChanges({
+ blocker_issues: val,
+ blockers_list: val?.map((i: any) => i.blocker_issue_detail?.id ?? ""),
+ })
+ }
+ />
+ )}
+ />
+
+
+
+
+
+
+
+
+ {blockedIssue &&
+ blockedIssue.map((issue) => (
+
+ ))}
+
+
+
+ (
+
+ submitChanges({
+ blocked_issues: val,
+ blocks_list: val?.map((i: any) => i.blocker_issue_detail?.id ?? ""),
+ })
+ }
+ />
+ )}
+ />
+
+
+
+
+ )}
+
+
+
+
+
+
+
+ (
+
+ submitChanges({
+ target_date: val,
+ })
+ }
+ className="border-transparent !shadow-none !w-[6.75rem]"
+ minDate={startDate ? new Date(startDate) : undefined}
+ />
+ )}
+ />
+
+
+ setIsViewAllOpen((prev) => !prev)}
+ className="w-full flex justify-center items-center gap-1 !py-2"
+ >
+
+ {isViewAllOpen ? "View less" : "View all"}
+
+
+
+
+
+
+ {isAllowed ? (
+