diff --git a/src/app/portfolio/[uid]/page.tsx b/src/app/portfolio/[uid]/page.tsx index 05b40ee..825730f 100644 --- a/src/app/portfolio/[uid]/page.tsx +++ b/src/app/portfolio/[uid]/page.tsx @@ -27,6 +27,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import QuestionMarkIcon from "@/components/icon/questionMark"; import { NoDataAlert } from "@/components/alert/noData/alert"; import { error } from "console"; +import { UnAuthorizedAlert } from "@/components/alert/unauthorized/alert"; export default async function Portfolio({ params, @@ -35,7 +36,8 @@ export default async function Portfolio({ }) { const supabase = createSupabaseClient(); // if user hasn't invest in anything - if (!(await checkForInvest(supabase, params.uid))) { + const hasInvestments = await checkForInvest(supabase, params.uid); + if (!hasInvestments) { return (
@@ -49,14 +51,20 @@ export default async function Portfolio({ if (investorDealError) { console.error(investorDealError); } - const { - data: { user }, - error: userError, - } = await supabase.auth.getUser(); - if (userError) { + const { data: localUser, error: localUserError } = + await supabase.auth.getUser(); + if (localUserError) { console.error("Error while fetching user" + error); } - const username = user ? user.user_metadata.name : "Anonymous"; + // block user from try to see other user portfolio + if (params.uid != localUser.user?.id) { + return ( + <> + + + ); + } + const username = localUser ? localUser.user.user_metadata.name : "Anonymous"; // console.log(username) const overAllData = deals ? overAllGraphData(deals) : []; const fourYearData = deals ? fourYearGraphData(deals) : []; diff --git a/src/components/alert/unauthorized/alert.json b/src/components/alert/unauthorized/alert.json new file mode 100644 index 0000000..abdd2cf --- /dev/null +++ b/src/components/alert/unauthorized/alert.json @@ -0,0 +1,2066 @@ +{ + "v": "5.6.6", + "ip": 0, + "op": 160, + "fr": 60, + "w": 230, + "h": 181, + "layers": [ + { + "ind": 32159, + "nm": "surface156187", + "ao": 0, + "ip": 0, + "op": 264, + "st": 0, + "ty": 4, + "ks": { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [0, 0] }, + "a": { "k": [0, 0] }, + "s": { "k": [133.33, 133.33] }, + "sk": { "k": 0 }, + "sa": { "k": 0 } + }, + "shapes": [ + { + "ty": "gr", + "hd": false, + "nm": "surface156187", + "it": [ + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 5.01], + [2.56, 6.3], + [0, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [119.24, 10.15] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 5.01], + [7.56, 6.3], + [5, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [128.66, 10.15] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 0], + [7.56, 1.3], + [5, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [128.66, 0.68] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 0], + [2.56, 1.3], + [0, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [119.24, 0.68] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 5.01], + [2.56, 6.3], + [0, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [117.74, 46.15] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 5.01], + [7.56, 6.3], + [5, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [127.16, 46.15] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 0], + [7.56, 1.3], + [5, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [127.16, 36.68] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 0], + [2.56, 1.3], + [0, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [117.74, 36.68] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 5.01], + [2.56, 6.3], + [0, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [47.99, 55.9] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 5.01], + [7.56, 6.3], + [5, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [57.41, 55.9] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 0], + [7.56, 1.3], + [5, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [57.41, 46.43] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 0], + [2.56, 1.3], + [0, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [47.99, 46.43] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 5.01], + [2.56, 6.3], + [0, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [ + 0.9333333333333333, 0.5686274509803921, + 0.7843137254901961, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [23.99, 10.15] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 5.01], + [7.56, 6.3], + [5, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [ + 0.9333333333333333, 0.5686274509803921, + 0.7843137254901961, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [33.41, 10.15] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 0], + [7.56, 1.3], + [5, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [ + 0.9333333333333333, 0.5686274509803921, + 0.7843137254901961, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [33.41, 0.68] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 0], + [2.56, 1.3], + [0, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [ + 0.9333333333333333, 0.5686274509803921, + 0.7843137254901961, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [23.99, 0.68] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 5.01], + [2.56, 6.3], + [0, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { "k": [0.85, 0.12, 0.16, 1] }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [134.99, 136.9] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [0, 0] }, + "a": { "k": [0, 0] }, + "s": { "k": [100, 100] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.06], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 5.01], + [7.56, 6.3], + [5, 7.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { "k": [0.85, 0.12, 0.16, 1] }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [144.41, 136.9] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [0, 0] }, + "a": { "k": [0, 0] }, + "s": { "k": [100, 100] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.71, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [7.56, 0], + [7.56, 1.3], + [5, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [144.41, 127.43] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, -0.92], + [1.7, 0.04] + ], + "o": [ + [0, -0.05], + [0, 0.92], + [0, 0] + ], + "v": [ + [2.56, 0], + [2.56, 1.3], + [0, 2.63] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [134.99, 127.43] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [33.69, 20.69] + ], + "o": [ + [-24.8, -16.03], + [0, 0] + ], + "v": [ + [18.91, 94.7], + [0.27, 89.11] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [ + 0.7529411764705882, 0.20784313725490197, + 0.5294117647058824, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [-30.91, 20.85] + ], + "o": [ + [22.56, -15.59], + [0, 0] + ], + "v": [ + [211.76, 58.93], + [227.02, 52.7] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { "k": [1, 0.51, 0.54, 1] }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [0, 0] }, + "a": { "k": [0, 0] }, + "s": { "k": [100, 100] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 5.42], + [10.77, 0], + [0, -10.73], + [0, -3.89] + ], + "o": [ + [0, -5.62], + [0, -10.73], + [-10.77, 0], + [0, 7.16], + [0, 0] + ], + "v": [ + [132.06, 52.99], + [132.06, 36.42], + [112.56, 16.99], + [93.06, 36.42], + [93.06, 52.99] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 4 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [214, 116], + [223.98, 126] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 2 }, + "c": { "k": [0.85, 0.12, 0.16, 1] }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [329.94, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [214, 116], + [223.98, 126] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 2 }, + "c": { "k": [0.85, 0.12, 0.16, 1] }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [0, 0] }, + "a": { "k": [0, 0] }, + "s": { "k": [100, 100] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [22, 126], + [27.99, 132] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 2 }, + "c": { + "k": [ + 0.592156862745098, 0.34509803921568627, + 0.49019607843137253, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [38.95, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [22, 126], + [27.99, 132] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 2 }, + "c": { + "k": [ + 0.592156862745098, 0.34509803921568627, + 0.49019607843137253, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [0, 31], + [7.99, 39] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 2 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [7.45, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [0, 31], + [7.98, 39] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 2 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [105, 122], + [109.99, 127] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 2 }, + "c": { + "k": [ + 0.7529411764705882, 0.20784313725490197, + 0.5294117647058824, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [162.7, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [105, 122], + [109.99, 127] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 2 }, + "c": { + "k": [ + 0.7529411764705882, 0.20784313725490197, + 0.5294117647058824, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [194, 0], + [198.99, 5] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [ + 0.592156862745098, 0.34509803921568627, + 0.49019607843137253, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [296.2, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [194, 0], + [198.99, 5] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 1 }, + "c": { + "k": [ + 0.592156862745098, 0.34509803921568627, + 0.49019607843137253, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [102, 65], + [123.01, 86.04] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 4 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 180 }, + "p": { "k": [170.21, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, -75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [102, 65], + [123.01, 86.04] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 4 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [16.29, 0], + [0, 16.29], + [-16.29, 0], + [0, -16.29] + ], + "o": [ + [0, 16.29], + [-16.29, 0], + [0, -16.29], + [16.29, 0], + [0, 0] + ], + "v": [ + [142.06, 75.49], + [112.56, 104.99], + [83.06, 75.49], + [112.56, 45.99], + [142.06, 75.49] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 4 }, + "c": { + "k": [0.8, 0.09803921568627451, 0.5137254901960784, 1] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 18.76] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "gr", + "hd": false, + "it": [ + { + "ty": "sh", + "ks": { + "k": { + "i": [ + [0, 0], + [24.3, 0], + [0, 24.3], + [-24.3, 0], + [0, -24.3] + ], + "o": [ + [0, 24.3], + [-24.3, 0], + [0, -24.3], + [24.3, 0], + [0, 0] + ], + "v": [ + [156.06, 91.09], + [112.06, 135.09], + [68.06, 91.09], + [112.06, 47.09], + [156.06, 91.09] + ], + "c": false + } + } + }, + { + "ty": "st", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "k": 100 }, + "w": { "k": 90 }, + "c": { + "k": [ + 0.9647058823529412, 0.9333333333333333, + 0.9529411764705882, 1 + ] + }, + "hd": false + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [1.46, 0.68] }, + "a": { "k": [0, 0] }, + "s": { "k": [75, 75] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "tr", + "o": { "k": 100 }, + "r": { "k": 0 }, + "p": { "k": [0, 0] }, + "a": { "k": [0, 0] }, + "s": { "k": [100, 100] }, + "sk": { "k": 0 }, + "sa": { "k": 0 }, + "hd": false + } + ] + }, + { + "ty": "tm", + "s": { "a": 0, "k": 0, "ix": 1 }, + "e": { + "a": 1, + "k": [ + { + "i": { "x": [0.27], "y": [1] }, + "o": { "x": [0.5], "y": [0] }, + "t": 0, + "s": [0] + }, + { "t": 66, "s": [100] } + ], + "ix": 2 + }, + "o": { "a": 0, "k": 0, "ix": 3 }, + "m": 1, + "ix": 2, + "hd": false + } + ] + } + ], + "meta": { "g": "LF SVG to Lottie" }, + "assets": [] +} diff --git a/src/components/alert/unauthorized/alert.tsx b/src/components/alert/unauthorized/alert.tsx new file mode 100644 index 0000000..2ff6c4a --- /dev/null +++ b/src/components/alert/unauthorized/alert.tsx @@ -0,0 +1,20 @@ +"use client"; +import Lottie from "react-lottie"; +import * as alertData from "./alert.json"; + +const alertOption = { + loop: true, + autoplay: true, + animationData: alertData, + rendererSettings: { + preserveAspectRatio: "xMidYMid slice", + }, +}; + +export function UnAuthorizedAlert() { + return ( +
+ +
+ ); +}