feat: remove references to nivo on source code

Rocketseat · Jun 17, 2024 · d962027 · d962027
1 parent 81b05d6
commit d962027
Show file tree

Hide file tree

Showing 15 changed files with 43 additions and 58 deletions.
diff --git a/apps/web/src/app/(app)/(dashboard)/cards/views-count-chart.tsx b/apps/web/src/app/(app)/(dashboard)/cards/views-count-chart.tsx
@@ -2,7 +2,7 @@
 
 import { useTheme } from 'next-themes'
 import Chart from 'react-apexcharts'
-import { teal } from 'tailwindcss/colors'
+import { violet } from 'tailwindcss/colors'
 
 interface ViewsCountChartProps {
   dates: string[]
@@ -51,7 +51,7 @@ export default function ViewsCountChart({
             formatter: (value) => Math.round(value).toString(),
           },
         },
-        colors: [teal[400]],
+        colors: [violet[400]],
         stroke: {
           curve: 'smooth',
           width: 2,

diff --git a/apps/web/src/app/(app)/settings/developers/create-webhook.tsx b/apps/web/src/app/(app)/settings/developers/create-webhook.tsx
@@ -26,9 +26,9 @@ export function CreateWebhook() {
 
       <DialogContent>
         <DialogHeader>
-          <DialogTitle>Listen to Nivo events</DialogTitle>
+          <DialogTitle>Listen to upload events</DialogTitle>
           <DialogDescription>
-            Set up your webhook endpoint to receive live events from Nivo.
+            Set up your webhook endpoint to receive live events.
           </DialogDescription>
         </DialogHeader>
 

diff --git a/apps/web/src/app/(app)/settings/developers/logs/[logId]/page.tsx b/apps/web/src/app/(app)/settings/developers/logs/[logId]/page.tsx
@@ -109,7 +109,7 @@ export default async function WebhookLogsDetails({
                 <TableCell>
                   {webhookLog.status === 'SUCCESS' && (
                     <div className="flex items-center gap-2">
-                      <span className="size-2 shrink-0 rounded-full bg-teal-400" />
+                      <span className="size-2 shrink-0 rounded-full bg-violet-400" />
                       <span className="font-semibold">Success</span>
                     </div>
                   )}

diff --git a/apps/web/src/app/(app)/settings/developers/page.tsx b/apps/web/src/app/(app)/settings/developers/page.tsx
@@ -29,7 +29,7 @@ export default async function SettingsPage() {
       <CardHeader>
         <CardTitle>Developers</CardTitle>
         <CardDescription>
-          Integrate with Nivo using Webhooks or our API.
+          Connect your application through our webhooks.
         </CardDescription>
       </CardHeader>
       <CardContent>
@@ -39,7 +39,7 @@ export default async function SettingsPage() {
             <Input
               name="apiUrl"
               id="apiUrl"
-              defaultValue="https://nivo.video/api/v1"
+              defaultValue="https://upload.rocketseat.com.br/api/v1"
               disabled
             />
             <p className="text-[0.8rem] text-muted-foreground">

diff --git a/apps/web/src/app/(app)/settings/developers/webhook-events-chart.tsx b/apps/web/src/app/(app)/settings/developers/webhook-events-chart.tsx
@@ -4,7 +4,7 @@ import { dayjs } from '@nivo/dayjs'
 import { useTheme } from 'next-themes'
 import { useMemo } from 'react'
 import Chart from 'react-apexcharts'
-import { teal } from 'tailwindcss/colors'
+import { violet } from 'tailwindcss/colors'
 
 interface WebhookEventsChartProps {
   data: {
@@ -71,7 +71,7 @@ export default function WebhookEventsChart({ data }: WebhookEventsChartProps) {
             formatter: (value) => Math.round(value).toString(),
           },
         },
-        colors: [teal[400]],
+        colors: [violet[400]],
         stroke: {
           curve: 'smooth',
           width: 2,

diff --git a/apps/web/src/app/(app)/settings/developers/webhook-form.tsx b/apps/web/src/app/(app)/settings/developers/webhook-form.tsx
@@ -70,7 +70,7 @@ export function WebhookForm({ webhookToEdit }: WebhookFormProps) {
       utils.getCompanyWebhooks.invalidate()
 
       toast.success('Webhook successfully saved!', {
-        description: 'Now your endpoint is listening to Nivo events!',
+        description: 'Now your endpoint is listening to the webhook events!',
       })
     } catch {
       toast.error('Uh oh! Something went wrong.', {

diff --git a/apps/web/src/app/(app)/settings/developers/webhook-list-item-actions.tsx b/apps/web/src/app/(app)/settings/developers/webhook-list-item-actions.tsx
@@ -86,9 +86,9 @@ export function WebhookListItemActions({
 
           <DialogContent>
             <DialogHeader>
-              <DialogTitle>Listen to Nivo events</DialogTitle>
+              <DialogTitle>Listen to events</DialogTitle>
               <DialogDescription>
-                Set up your webhook endpoint to receive live events from Nivo.
+                Set up your webhook endpoint to receive live events.
               </DialogDescription>
             </DialogHeader>
 

diff --git a/apps/web/src/app/(app)/settings/developers/webhooks-docs-button.tsx b/apps/web/src/app/(app)/settings/developers/webhooks-docs-button.tsx
@@ -33,7 +33,7 @@ export async function WebhookDocsButton() {
         <DialogHeader>
           <DialogTitle>Webhook events</DialogTitle>
           <DialogDescription>
-            Listen to events that happen inside Nivo in your application.
+            Listen to events in your application.
           </DialogDescription>
         </DialogHeader>
 

diff --git a/apps/web/src/app/(app)/settings/developers/webhooks-list.tsx b/apps/web/src/app/(app)/settings/developers/webhooks-list.tsx
@@ -82,7 +82,7 @@ export function WebhooksList() {
             <span>Webhooks</span>
           </Label>
           <p className="text-[0.8rem] text-muted-foreground">
-            Listen to Nivo events in your application.
+            Listen to events in your application.
           </p>
         </div>
         <div className="flex items-center space-x-2">
@@ -186,7 +186,7 @@ export function WebhooksList() {
                     </TableCell>
                     <TableCell className="py-1.5">
                       <div className="flex items-center gap-2">
-                        <span className="size-2 shrink-0 rounded-full bg-teal-400" />
+                        <span className="size-2 shrink-0 rounded-full bg-violet-400" />
                         <span className="text-xs font-semibold">ACTIVE</span>
                       </div>
                     </TableCell>

diff --git a/apps/web/src/app/(app)/settings/organization/connect-bunny-account.tsx b/apps/web/src/app/(app)/settings/organization/connect-bunny-account.tsx
@@ -84,7 +84,11 @@ export function ConnectBunnyAccount({ externalId }: ConnectBunnyAccountProps) {
     <div className="flex items-center gap-2">
       <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
         <DialogTrigger asChild>
-          <Button disabled={!!externalId} variant="secondary" className="w-56 shrink-0">
+          <Button
+            disabled={!!externalId}
+            variant="secondary"
+            className="w-56 shrink-0"
+          >
             {externalId ? (
               <>
                 <Check className="mr-2 size-4" />
@@ -103,7 +107,7 @@ export function ConnectBunnyAccount({ externalId }: ConnectBunnyAccountProps) {
           <DialogHeader>
             <DialogTitle>Connect Bunny account</DialogTitle>
             <DialogDescription>
-              This will allow you to upload new videos on Nivo.
+              This will allow you to upload new videos.
             </DialogDescription>
           </DialogHeader>
 
@@ -123,7 +127,7 @@ export function ConnectBunnyAccount({ externalId }: ConnectBunnyAccountProps) {
         id="bunnyLibraryId"
         disabled
         readOnly
-        placeholder="Connect your Bunny account to upload on Nivo"
+        placeholder="Connect your Bunny account to upload"
         value={externalId ?? ''}
       />
     </div>

diff --git a/apps/web/src/app/auth/error/page.tsx b/apps/web/src/app/auth/error/page.tsx
@@ -1,9 +1,7 @@
 import { ArrowRightIcon } from '@radix-ui/react-icons'
 import { Metadata } from 'next'
-import Image from 'next/image'
 import Link from 'next/link'
 
-import nivoIcon from '@/assets/nivo-icon.svg'
 import { Button } from '@/components/ui/button'
 
 export const metadata: Metadata = {
@@ -15,14 +13,6 @@ export default function SignInPage() {
     <div className="relative flex min-h-screen flex-col items-center justify-center">
       <div className="mx-auto flex w-full max-w-[350px] flex-col justify-center space-y-6">
         <div className="flex flex-col items-center space-y-8">
-          <Image
-            src={nivoIcon}
-            alt="Nivo"
-            className="size-12"
-            width={48}
-            height={48}
-          />
-
           <div className="space-y-2 text-center">
             <h1 className="text-2xl font-semibold tracking-tight">
               Access denied!
@@ -32,7 +22,7 @@ export default function SignInPage() {
               authenticate.
             </p>
             <p className="text-sm leading-relaxed text-muted-foreground">
-              Only <strong>invited members</strong> can sign in to Nivo.
+              Only <strong>invited members</strong> can sign in.
             </p>
           </div>
           <Button asChild variant="outline" type="button" className="w-full">

diff --git a/apps/web/src/app/auth/sign-in/page.tsx b/apps/web/src/app/auth/sign-in/page.tsx
@@ -1,8 +1,5 @@
 import { env } from '@nivo/env'
 import { Metadata } from 'next'
-import Image from 'next/image'
-
-import nivoIcon from '@/assets/nivo-icon.svg'
 
 import { signInWithGithub } from './actions'
 import { SignInForm } from './credentials/sign-in-form'
@@ -17,20 +14,10 @@ export default function SignInPage() {
     <div className="relative flex min-h-screen flex-col items-center justify-center">
       <div className="mx-auto flex w-full max-w-[350px] flex-col justify-center space-y-6">
         <div className="flex flex-col items-center space-y-8">
-          <Image
-            src={nivoIcon}
-            alt="Nivo"
-            className="size-12"
-            width={48}
-            height={48}
-          />
-
           <div className="space-y-2 text-center">
-            <h1 className="text-2xl font-semibold tracking-tight">
-              nivo.video
-            </h1>
+            <h1 className="text-2xl font-semibold tracking-tight">Upload</h1>
             <p className="text-sm text-muted-foreground">
-              The all-in-one video solution for online learning.
+              Upload videos to Rocketseat.
             </p>
           </div>
         </div>

diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
@@ -14,10 +14,9 @@ const inter = Inter({ subsets: ['latin'], variable: '--font-sans' })
 export const metadata: Metadata = {
   metadataBase: new URL(env.NEXT_PUBLIC_VERCEL_URL),
   title: {
-    template: '%s | Nivo',
-    absolute: 'Nivo',
+    template: '%s | Rocketseat',
+    absolute: 'Rocketseat',
   },
-  description: 'The all-in-one video solution for online learning.',
 }
 
 export default function RootLayout({ children }: { children: ReactNode }) {

diff --git a/apps/web/src/components/header/index.tsx b/apps/web/src/components/header/index.tsx
@@ -1,9 +1,6 @@
 import { PlusCircle } from 'lucide-react'
-import Image from 'next/image'
 import Link from 'next/link'
 
-import nivoIcon from '@/assets/nivo-icon.svg'
-
 import { Button } from '../ui/button'
 import { Separator } from '../ui/separator'
 import { MenuLink } from './menu-link'
@@ -16,13 +13,21 @@ export function Header() {
     <div className="border-b">
       <div className="flex items-center justify-between px-8">
         <div className="flex items-center space-x-4">
-          <Image
-            src={nivoIcon}
-            alt="Nivo"
-            className="size-6"
-            width={24}
-            height={24}
-          />
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 35 24"
+            fill="currentColor"
+            className="h-5"
+          >
+            <path
+              d="M18.4596 18.8701C11.7239 24.6244 6.94072 25.0302 4.49118 22.5786C2.2342 20.3216 4.10604 14.6605 8.66762 9.06984L0 0.404297H5.53891L14.1486 9.01394C8.71524 14.4804 5.5472 20.3009 7.18506 21.9388C8.54131 23.2971 12.7157 21.4149 17.2193 17.6298L18.4596 18.8701Z"
+              fill="currentColor"
+            ></path>
+            <path
+              d="M34.2605 23.5951H28.7216L20.1119 14.9855C25.5452 9.52109 28.7133 3.69851 27.0775 2.06272C25.7212 0.70439 21.5427 2.58866 17.0391 6.37375L15.7988 5.13345C22.5366 -0.622874 27.3218 -1.0308 29.7714 1.42082C32.0284 3.67779 30.1586 9.33888 25.5949 14.9296L34.2626 23.5951H34.2605Z"
+              fill="currentColor"
+            ></path>
+          </svg>
 
           <Separator orientation="vertical" className="h-6" />
 

diff --git a/apps/web/src/components/header/menu-link.tsx b/apps/web/src/components/header/menu-link.tsx
@@ -6,7 +6,7 @@ export function MenuLink(props: ComponentProps<typeof NavLink>) {
   return (
     <NavLink
       shouldMatchExact
-      className="flex h-14 items-center border-b-2 border-transparent px-3 py-1.5 text-sm font-medium text-muted-foreground transition-colors hover:border-border data-[current=true]:border-teal-400 data-[current=true]:text-accent-foreground"
+      className="flex h-14 items-center border-b-2 border-transparent px-3 py-1.5 text-sm font-medium text-muted-foreground transition-colors hover:border-border data-[current=true]:border-violet-400 data-[current=true]:text-accent-foreground"
       {...props}
     />
   )